@aplus-frontend/ui 0.1.28 → 0.1.30

package/es/src/ap-table/hooks/use-table-column-state.mjs

@@ -1,46 +1,114 @@
-import { ref as d, computed as h, unref as r } from "vue";
-import { isDef as w } from "../../utils/index.mjs";
-function s(c, e) {
-  c.forEach((n) => {
-    var o;
-    e(n), (o = n.children) != null && o.length && s(n.children, e);
+import { ref as _, unref as i, computed as j, watchEffect as z } from "vue";
+import { isDef as D } from "../../utils/index.mjs";
+import G, { customCloneColumnStates as k, getColumnStateString as R } from "../components/setting/utils.mjs";
+import { useInjectApTable as W } from "../context.mjs";
+import { isObject as v, mergeWith as E, isBoolean as X, omit as q, isNumber as N } from "lodash-unified";
+function f(r, o) {
+  r.forEach((t) => {
+    var c;
+    o(t), (c = t.children) != null && c.length && f(t.children, o);
   });
 }
-const p = (c) => {
-  const e = d(c), n = h(() => r(e).every((t) => t.show));
-  function o() {
-    const t = r(e);
-    s(t, (l) => {
-      !l.disabled && (l.show = !0);
+function H(r, o) {
+  if (!o)
+    return {};
+  const t = r.getItem(o);
+  return t ? JSON.parse(t) : {};
+}
+function I(r, o) {
+  if (v(r) && v(o))
+    return E({}, r, o, I);
+}
+const B = Number.MAX_SAFE_INTEGER, Z = (r, o) => {
+  const t = _(o);
+  let c = k(o);
+  const { columnsBackup: h, updateColumns: u } = W(), T = r.persistenceType || "localStorage", S = window[T];
+  function F() {
+    const e = H(
+      S,
+      r.persistenceKey
+    ), n = E(
+      {},
+      r.defaultValue || {},
+      e,
+      I
+    ), l = i(h);
+    function b(M, d, x) {
+      return M.map((s) => {
+        var A;
+        const a = (d == null ? void 0 : d[s.key]) || {}, m = {
+          key: s.key,
+          label: s.title,
+          show: !0,
+          fixed: x ? x.fixed : X(s.fixed) ? s.fixed ? "left" : void 0 : s.fixed,
+          disabled: !1,
+          ...q(a, "children")
+        };
+        return m.children = (A = s.children) != null && A.length ? b(
+          s.children,
+          a.children,
+          m
+        ) : void 0, m;
+      }).sort(
+        (s, a) => (N(s.order) ? s.order : B) - (N(a.order) ? a.order : B)
+      );
+    }
+    return b(l || [], n);
+  }
+  const g = j(() => i(t).every((e) => e.show));
+  function p() {
+    const e = i(t);
+    f(e, (n) => {
+      !n.disabled && (n.show = !0);
     });
   }
-  function u() {
-    const t = r(e);
-    s(t, (l) => {
-      !l.disabled && (l.show = !1);
+  function C() {
+    const e = i(t);
+    f(e, (n) => {
+      !n.disabled && (n.show = !1);
     });
   }
-  function i() {
-    r(n) ? u() : o();
+  function O() {
+    i(g) ? C() : p();
   }
-  function a(t, l) {
-    s(r(e), (f) => {
-      f.key === t && (f.show = w(l) ? l : !f.show);
+  function K(e, n) {
+    f(i(t), (l) => {
+      l.key === e && (l.show = D(n) ? n : !l.show);
     });
   }
-  function S(t) {
-    e.value = t;
-  }
-  return {
-    columnState: e,
-    selectAll: o,
-    unSelectAll: u,
-    toggleSelect: a,
-    setColumnState: S,
-    isAllSelected: n,
-    toggleSelectAll: i
+  function w(e) {
+    t.value = e;
+  }
+  function J(e) {
+    c = e;
+  }
+  function y(e) {
+    if (r.persistenceKey) {
+      const n = R(e);
+      S.setItem(r.persistenceKey, JSON.stringify(n));
+    }
+  }
+  return z(() => {
+    const e = F();
+    w(e), u == null || u(
+      G(
+        i(h),
+        i(e)
+      )
+    ), c = k(e), y(e);
+  }), {
+    columnState: t,
+    selectAll: p,
+    unSelectAll: C,
+    toggleSelect: K,
+    setColumnState: w,
+    isAllSelected: g,
+    toggleSelectAll: O,
+    columnStateBackup: c,
+    setColumnStateBackup: J,
+    cacheColumnStateIfNeeded: y
   };
 };
 export {
-  p as useTableColumnState
+  Z as useTableColumnState
 };

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

@@ -84,7 +84,7 @@ export type ApTableSettingType = {
     /**
      * 列的默认状态
      */
-    defaultValue?: Recordable<Omit<ApColumnState, 'children' | 'key'>>;
+    defaultValue?: ApTableSettingDefaultValueType;
     /**
      * 列状态变更时的回调（注意，返回的是全量状态）
      * @param val
@@ -92,6 +92,9 @@ export type ApTableSettingType = {
      */
     onChange?: (val: ApColumnState[]) => void;
 };
+export type ApTableSettingDefaultValueType = Recordable<Omit<ApColumnState, 'label' | 'key' | 'children'> & {
+    children?: ApTableSettingDefaultValueType;
+}>;
 export type ApColumnState = {
     /**
      * 列的唯一标识
@@ -117,6 +120,10 @@ export type ApColumnState = {
      * 子节点状态
      */
     children?: ApColumnState[];
+    /**
+     * 字段排序（和其同级的表头排序）
+     */
+    order?: number;
 };
 export type FieldPropsType<ReturnType, RecordType, ExtraValueType, ValueType extends ApTableValueTypes, MergedValueType extends ExtraValueType | ValueType> = ReturnType | ((opt: Partial<{
     value: any;

package/es/src/ap-table/utils.mjs

@@ -1,20 +1,20 @@
-import { isVNode as T, createVNode as u, mergeProps as f, cloneVNode as b, Fragment as y } from "vue";
-import { isObject as c, isArray as p, isUndefined as g, isFunction as h, omit as j, isBoolean as F, isString as a } from "lodash-unified";
-import { apTableRenderItemMap as O, apTableFormItemMap as E } from "./constants.mjs";
-import { isType as x } from "@fruits-chain/utils";
+import { isVNode as m, createVNode as u, mergeProps as f, cloneVNode as T, Fragment as b } from "vue";
+import { isObject as c, isArray as p, isUndefined as y, isFunction as g, omit as h, isBoolean as j, isString as a } from "lodash-unified";
+import { apTableRenderItemMap as F, apTableFormItemMap as O } from "./constants.mjs";
+import { isType as E } from "@fruits-chain/utils";
 import "../ap-form/index.mjs";
-import { Tooltip as N } from "ant-design-vue";
-import { QuestionCircleOutlined as S } from "@ant-design/icons-vue";
-import I from "../ap-form/ap-form-item.vue.mjs";
-function v(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !T(t);
+import { Tooltip as x } from "ant-design-vue";
+import { QuestionCircleOutlined as N } from "@ant-design/icons-vue";
+import S from "../ap-form/ap-form-item.vue.mjs";
+function I(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !m(t);
 }
-const P = (t, e, n) => {
+const v = (t, e, n) => {
   let r = {};
   return c(t) ? Object.keys(t).forEach((o) => {
-    c(t[o]) ? r[o] = P(t[o], e[o], n) : r[o] = n(t[o], e);
+    c(t[o]) ? r[o] = v(t[o], e[o], n) : r[o] = n(t[o], e);
   }) : r = n(t, e), r;
-}, J = (t, e) => {
+}, H = (t, e) => {
   switch (t) {
     case "dayjs":
       return e.valueOf();
@@ -35,15 +35,15 @@ const P = (t, e, n) => {
       return e;
   }
 };
-function L(t) {
+function J(t) {
   return p(t) ? t.join(".") : t;
 }
-function V(t) {
+function P(t) {
   const e = Object.prototype.toString.call(t).match(/^\[object (.*)\]$/)[1].toLowerCase();
   return e === "string" && typeof t == "object" ? "object" : t === null ? "null" : t === void 0 ? "undefined" : e;
 }
-const w = (t) => V(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t) => {
-  const e = [], n = w(t);
+const V = (t) => P(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t) => {
+  const e = [], n = V(t);
   return n.forEach((r, o) => {
     const i = n.get(o) || n.get(`${o}`);
     if (i) {
@@ -63,7 +63,7 @@ const w = (t) => V(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t)
       });
     }
   }), e;
-}, Q = (t) => g(t) || t < 0 ? 0 : t, U = (t, e, n) => {
+}, L = (t) => y(t) || t < 0 ? 0 : t, Q = (t, e, n) => {
   if (n)
     return n;
   const r = ["select", "date"], o = ["text", "textArea", "number"];
@@ -74,16 +74,16 @@ const w = (t) => V(t) === "map" ? t : new Map(Object.entries(t || {})), d = (t)
   if (o.includes(e))
     return t("ap.common.inputText");
 };
-function A(t, e) {
-  return !t || !h(t) ? t : t(e);
+function w(t, e) {
+  return !t || !g(t) ? t : t(e);
 }
-function W(t) {
+function U(t) {
   let e = t.valueType || "text";
   return t.valueEnum && (e = "status"), e;
 }
 function z(t, e, n, r) {
   var s;
-  const o = O[t];
+  const o = F[t];
   if (o)
     return u(o, f(e, {
       mode: "read"
@@ -95,34 +95,34 @@ function G(t, e) {
   if (t.customRenderFormItem)
     return () => {
       const o = t.customRenderFormItem(t);
-      return b(o, {
+      return T(o, {
         ...t.fieldProps,
         span: t.span,
         ...o.props || {}
       });
     };
-  const n = E[t.valueType];
+  const n = O[t.valueType];
   if (n)
     return n;
   const r = e == null ? void 0 : e[t.valueType];
   return () => {
     var i;
     const o = (i = r == null ? void 0 : r.renderFormItem) == null ? void 0 : i.call(r, t.fieldProps.field);
-    return o ? u(I, f(t.fieldProps, {
+    return o ? u(S, f(t.fieldProps, {
       span: t.span
-    }), v(o) ? o : {
+    }), I(o) ? o : {
       default: () => [o]
     }) : null;
   };
 }
 function K(t, e) {
-  const n = A(t.fieldProps, e), r = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", i = t.valueType === "index", s = o ? {
+  const n = w(t.fieldProps, e), r = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", i = t.valueType === "index", s = o ? {
     checked: e.value
   } : {
     value: i ? e.index + 1 : e.value
   };
   return t.valueEnum && (r.valueEnum = t.valueEnum), {
-    ...j(r, ["request"]),
+    ...h(r, ["request"]),
     ...s
   };
 }
@@ -130,7 +130,7 @@ function X(t) {
   const e = {
     ...t
   };
-  return F(t.filters) && t.filters && t.valueEnum && (e.filters = d(t.valueEnum)), e;
+  return j(t.filters) && t.filters && t.valueEnum && (e.filters = d(t.valueEnum)), e;
 }
 function Y(t, e) {
   var r;
@@ -141,7 +141,7 @@ function Y(t, e) {
   }), n;
 }
 function Z(t) {
-  if (!x("Object")(t))
+  if (!E("Object")(t))
     return t;
   try {
     return JSON.stringify(t);
@@ -159,40 +159,40 @@ function k(t, e, n, r) {
   const s = a(t.title) ? u("span", {
     class: e,
     title: t.title
-  }, [t.title]) : t.title, l = t.tooltip ? a(t.tooltip) ? u(y, null, [t.tooltip]) : t.tooltip(t) : null, m = u("span", {
+  }, [t.title]) : t.title, l = t.tooltip ? a(t.tooltip) ? u(b, null, [t.tooltip]) : t.tooltip(t) : null;
+  return l ? u("span", {
     style: {
       display: "inline-flex",
       alignItems: "center"
     }
-  }, [s, u(N, {
+  }, [s, u(x, {
     title: l,
     placement: "bottom"
   }, {
-    default: () => [u(S, {
+    default: () => [u(N, {
       style: {
         padding: "4px",
         color: r,
         verticalAlign: "middle"
       }
     }, null)]
-  })]);
-  return l ? m : s;
+  })]) : s;
 }
 export {
   X as apColumnToColumn,
-  L as dataIndexToStr,
-  P as formatParamsValueType,
-  Q as getColumnOrder,
-  A as getFieldProps,
-  U as getPlaceholder,
+  J as dataIndexToStr,
+  v as formatParamsValueType,
+  L as getColumnOrder,
+  w as getFieldProps,
+  Q as getPlaceholder,
   G as getSearchFormItemRenderNode,
   z as getTableCellRenderNode,
   K as getTableRenderProps,
-  W as getTableRenderType,
+  U as getTableRenderType,
   k as getTableTitle,
-  w as objectToMap,
+  V as objectToMap,
   Z as objectToString,
-  J as parseFieldValue,
+  H as parseFieldValue,
   Y as updateFormProps,
   d as valueEnumToArray
 };

package/es/src/business/ap-action-button/ApActionButton.vue.d.ts

@@ -0,0 +1,43 @@
+import { ApActionButtonProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ButtonType } from 'ant-design-vue/es/button';
+declare function __VLS_template(): {
+    slots: Partial<Record<string, (_: any) => any>>;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApActionButtonProps>, {
+    type: string;
+    minWidth: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApActionButtonProps>, {
+    type: string;
+    minWidth: boolean;
+}>>>, {
+    type: ButtonType | "borderLink";
+    minWidth: boolean | number | string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/business/ap-action-button/ApActionButton.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./ApActionButton.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/ap-action-button/ApActionButton.vue2.mjs

@@ -0,0 +1,97 @@
+import { defineComponent as M, computed as a, openBlock as h, createBlock as P, unref as p, mergeProps as x, createSlots as A, renderList as _, withCtx as w, renderSlot as z, normalizeProps as F, guardReactiveProps as O } from "vue";
+import "./index.css";
+import { Button as S } from "ant-design-vue";
+import "../../config-provider/index.mjs";
+import { omit as T } from "lodash-unified";
+import { useNamespace as j } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as G } from "../../config-provider/hooks/use-global-config.mjs";
+const I = 88, K = /* @__PURE__ */ M({
+  __name: "ApActionButton",
+  props: {
+    prefixCls: {},
+    htmlType: {},
+    shape: {},
+    size: {},
+    loading: { type: [Boolean, Object] },
+    disabled: { type: Boolean },
+    ghost: { type: Boolean },
+    block: { type: Boolean },
+    danger: { type: Boolean },
+    icon: {},
+    href: {},
+    target: {},
+    title: {},
+    onClick: {},
+    onMousedown: {},
+    type: { default: "borderLink" },
+    borderLinkColor: {},
+    minWidth: { type: [Boolean, Number, String], default: !0 }
+  },
+  setup(v) {
+    const e = v, c = {
+      aplus: "#0070FF",
+      admin: "#34b77c"
+    }, { b: l } = j("ap-action-button"), g = G("uiMode"), k = a(
+      () => e.borderLinkColor || c[g.value] || c.aplus
+    ), d = a(
+      () => e.type === "borderLink" ? k.value : void 0
+    ), f = a(() => $(d.value)), B = a(() => e.minWidth === !0 ? `${I}px` : typeof e.minWidth == "number" ? `${e.minWidth}px` : typeof e.minWidth == "string" ? e.minWidth : void 0), W = a(
+      () => (e.type === "borderLink" ? "default" : e.type) || "default"
+    );
+    function L() {
+      const r = T(e, ["type", "borderLinkColor", "minWidth"]);
+      return r ? {
+        ...r,
+        type: W.value
+      } : {};
+    }
+    function $(r, s = "0.7") {
+      var y;
+      try {
+        var t = r == null ? void 0 : r.toLowerCase(), u = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;
+        if (t && u.test(t)) {
+          if (t.length === 4) {
+            for (var m = "#", o = 1; o < 4; o += 1)
+              m += t.slice(o, o + 1).concat(t.slice(o, o + 1));
+            t = m;
+          }
+          for (var b = [], i = 1; i < 7; i += 2)
+            b.push(parseInt("0x" + t.slice(i, i + 2)));
+          return "rgba(" + b.join(",") + "," + s + ")";
+        }
+        if (t && t.startsWith("rgb")) {
+          let n = t.match(/(\d(\.\d+)?)+/g);
+          return n = (y = n == null ? void 0 : n.slice(0, 3)) == null ? void 0 : y.concat(s), "rgba(" + n.join(",") + ")";
+        }
+        return t;
+      } catch {
+        return;
+      }
+    }
+    return (r, s) => (h(), P(p(S), x({
+      class: {
+        [p(l)()]: !0,
+        [`${p(l)()}-border-link`]: f.value
+      }
+    }, {
+      ...r.$attrs,
+      ...L()
+    }, {
+      style: {
+        color: d.value,
+        minWidth: B.value,
+        "--button-border-color": f.value
+      }
+    }), A({ _: 2 }, [
+      _(Object.keys(r.$slots), (t) => ({
+        name: t,
+        fn: w((u) => [
+          z(r.$slots, t, F(O(u || {})))
+        ])
+      }))
+    ]), 1040, ["class", "style"]));
+  }
+});
+export {
+  K as default
+};

package/es/src/business/ap-action-button/index.css

@@ -0,0 +1,6 @@
+.aplus-ap-action-button-border-link:not(:disabled):hover,
+.aplus-ap-action-button-border-link:not(:disabled):active,
+.aplus-ap-action-button-border-link:not(:disabled):focus {
+  border-color: var(--button-border-color);
+  color: var(--button-border-color) !important;
+}

package/es/src/business/ap-action-button/interface.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from 'ant-design-vue';
+export type ApActionButtonProps = Omit<ButtonProps, 'type'> & {
+    type?: ButtonProps['type'] | 'borderLink';
+    borderLinkColor?: string;
+    minWidth?: boolean | number | string;
+};

package/es/src/business/ap-action-button/interface.mjs

@@ -0,0 +1 @@
+