@aplus-frontend/ui 0.1.26 → 0.1.28

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -0,0 +1,152 @@
+import { defineComponent as M, ref as w, unref as e, useSlots as q, cloneVNode as J, watchEffect as K, openBlock as z, createElementBlock as P, Fragment as Q, createBlock as W, resolveDynamicComponent as X, createCommentVNode as Y, createVNode as o, withCtx as u, createElementVNode as r, normalizeClass as c, toDisplayString as d, createTextVNode as h, isRef as Z } from "vue";
+import { Modal as ee, Button as te, RadioGroup as le, RadioButton as R, Divider as D } from "ant-design-vue";
+import { getSingleVNode as ne } from "../../../../utils/slot.mjs";
+import { useInjectApTable as oe } from "../../../context.mjs";
+import "../tree-select/index.vue.mjs";
+import { useTableColumnState as ae } from "../../../hooks/use-table-column-state.mjs";
+import { isBoolean as ie } from "lodash-unified";
+import "../../../../config-provider/index.mjs";
+import "../sorter/index.vue.mjs";
+import "../../style/setting/modal.css";
+import se, { customCloneColumnStates as k } from "../utils.mjs";
+import { useLocale as re } from "../../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ue } from "../../../../config-provider/hooks/use-namespace.mjs";
+import ce from "../tree-select/index.vue2.mjs";
+import me from "../sorter/index.vue2.mjs";
+const pe = {
+  style: {
+    lineHeight: "22px",
+    color: "#8896B0"
+  }
+}, Ve = /* @__PURE__ */ M({
+  __name: "index",
+  props: {
+    config: {}
+  },
+  setup(E) {
+    const m = E;
+    let f = [];
+    const {
+      columnsBackup: y,
+      size: U,
+      updateSize: g,
+      updateColumns: v
+    } = oe(), C = w(e(U)), {
+      columnState: i,
+      setColumnState: b,
+      isAllSelected: O,
+      toggleSelectAll: $
+    } = ae([]), {
+      t: s
+    } = re(), {
+      b: x,
+      be: _
+    } = ue("ap-column-setting"), p = w(!1), j = q(), B = ne(j.trigger), T = B ? J(B, {
+      onClick: () => {
+        p.value = !0;
+      }
+    }) : null;
+    function F() {
+      var l;
+      const n = ((l = m == null ? void 0 : m.config) == null ? void 0 : l.defaultValue) || {};
+      function t(I, N) {
+        var A;
+        const V = [];
+        for (const a of I) {
+          const L = n == null ? void 0 : n[a.key], S = {
+            key: a.key,
+            label: a.title,
+            show: !0,
+            fixed: N ? N.fixed : ie(a.fixed) ? a.fixed ? "left" : void 0 : a.fixed,
+            disabled: !1,
+            ...L
+          };
+          S.children = (A = a.children) != null && A.length ? t(a.children, S) : void 0, V.push(S);
+        }
+        return V;
+      }
+      return t(e(y) || []);
+    }
+    function G() {
+      b(k(f));
+    }
+    K(() => {
+      const n = F();
+      b(n), f = k(n);
+    });
+    function H() {
+      var t, l;
+      v == null || v(se(e(y), e(i))), g == null || g(e(C)), p.value = !1;
+      const n = k(i.value);
+      f = n, (l = (t = m.config) == null ? void 0 : t.onChange) == null || l.call(t, n);
+    }
+    return (n, t) => (z(), P(Q, null, [e(T) ? (z(), W(X(e(T)), {
+      key: 0
+    })) : Y("", !0), o(e(ee), {
+      title: e(s)("ap.apTable.setting.title"),
+      open: p.value,
+      "onUpdate:open": t[2] || (t[2] = (l) => p.value = l),
+      width: 900,
+      onOk: H,
+      "body-style": {
+        padding: "0px !important",
+        height: "450px"
+      }
+    }, {
+      default: u(() => [r("div", {
+        class: c(e(x)("wrapper"))
+      }, [r("div", {
+        class: c(e(x)("left"))
+      }, [r("div", {
+        class: c(e(_)("left", "header"))
+      }, [r("div", null, [r("span", pe, d(e(s)("ap.apTable.setting.selectAllTip")), 1), o(e(te), {
+        type: "link",
+        size: "small",
+        onClick: e($)
+      }, {
+        default: u(() => [h(d(e(O) ? e(s)("ap.apTable.setting.unSelectAll") : e(s)("ap.apTable.setting.selectAll")), 1)]),
+        _: 1
+      }, 8, ["onClick"])]), o(e(le), {
+        value: C.value,
+        "onUpdate:value": t[0] || (t[0] = (l) => C.value = l)
+      }, {
+        default: u(() => [o(e(R), {
+          value: "small"
+        }, {
+          default: u(() => [h(d(e(s)("ap.apTable.setting.sizeSmall")), 1)]),
+          _: 1
+        }), o(e(R), {
+          value: "middle"
+        }, {
+          default: u(() => [h(d(e(s)("ap.apTable.setting.sizeNormal")), 1)]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["value"])], 2), o(e(D), {
+        dashed: "",
+        style: {
+          margin: "0px"
+        }
+      }), o(ce, {
+        class: c(e(_)("left", "content")),
+        value: e(i)
+      }, null, 8, ["class", "value"])], 2), o(e(D), {
+        type: "vertical",
+        style: {
+          height: "100%",
+          margin: "0px"
+        }
+      }), r("div", {
+        class: c(e(x)("right"))
+      }, [o(me, {
+        value: e(i),
+        "onUpdate:value": t[1] || (t[1] = (l) => Z(i) ? i.value = l : null),
+        onReset: G
+      }, null, 8, ["value"])], 2)], 2)]),
+      _: 1
+    }, 8, ["title", "open"])], 64));
+  }
+});
+export {
+  Ve as default
+};

package/es/src/ap-table/components/setting/select-group/index.vue.d.ts

@@ -0,0 +1,13 @@
+import { ApTableSettingSelectGroupProps } from '../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<ApTableSettingSelectGroupProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<ApTableSettingSelectGroupProps>>>, {}, {}>;
+export default _default;
+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;
+    };
+};

package/es/src/ap-table/components/setting/select-group/index.vue.mjs

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

package/es/src/ap-table/components/setting/select-group/index.vue2.mjs

@@ -0,0 +1,96 @@
+import { defineComponent as N, ref as E, computed as p, unref as r, watch as P, openBlock as s, createElementBlock as f, createElementVNode as v, normalizeClass as U, createVNode as u, withCtx as i, createBlock as h, resolveDynamicComponent as k, Fragment as V, renderList as D, mergeProps as L } from "vue";
+import { Checkbox as w, Row as j, Col as z } from "ant-design-vue";
+import "../../style/setting/select-group.css";
+import "../../../../config-provider/index.mjs";
+import { useInjectApTable as F } from "../../../context.mjs";
+import { cloneLabelNode as b } from "../utils.mjs";
+import { useNamespace as I } from "../../../../config-provider/hooks/use-namespace.mjs";
+const M = /* @__PURE__ */ N({
+  __name: "index",
+  props: {
+    value: {}
+  },
+  setup(y) {
+    const t = y, { b: C } = I("select-group"), c = E(!1), { columnsBackup: _ } = F(), m = p(() => {
+      var e;
+      return (e = r(_)) == null ? void 0 : e.find(
+        (o) => {
+          var l;
+          return o.key === ((l = t.value) == null ? void 0 : l.key);
+        }
+      );
+    });
+    function S(n) {
+      const e = t.value.children.find((o) => o.key === n.key);
+      return {
+        checked: e == null ? void 0 : e.show,
+        disabled: t.value.disabled || (e == null ? void 0 : e.disabled)
+      };
+    }
+    function g(n) {
+      const e = t.value;
+      e.children.forEach((o) => o.show = n), e.show = n, c.value = !1;
+    }
+    function x(n, e) {
+      const o = t.value, l = o.children.find((a) => a.key === n);
+      if (!l)
+        return;
+      l.show = e;
+      const d = o.children.every((a) => a.show), B = o.children.some((a) => a.show);
+      o.show = d, c.value = B && !d;
+    }
+    const A = p(() => t.value.disabled || t.value.children.every((n) => n.disabled));
+    return P(
+      () => t.value,
+      (n) => {
+        const e = n.children.every((l) => l.show), o = n.children.some((l) => l.show);
+        c.value = o && !e;
+      }
+    ), (n, e) => {
+      var o;
+      return s(), f("div", null, [
+        v("div", {
+          class: U(r(C)("header"))
+        }, [
+          u(r(w), {
+            indeterminate: c.value,
+            checked: (o = n.value) == null ? void 0 : o.show,
+            "onUpdate:checked": g,
+            disabled: A.value
+          }, {
+            default: i(() => [
+              (s(), h(k(r(b)(m.value.title))))
+            ]),
+            _: 1
+          }, 8, ["indeterminate", "checked", "disabled"])
+        ], 2),
+        v("div", null, [
+          u(r(j), null, {
+            default: i(() => [
+              (s(!0), f(V, null, D(m.value.children, (l) => (s(), h(r(z), {
+                key: l.key,
+                span: 8
+              }, {
+                default: i(() => [
+                  u(r(w), L({ ref_for: !0 }, S(l), {
+                    "onUpdate:checked": (d) => x(l.key, d)
+                  }), {
+                    default: i(() => [
+                      (s(), h(k(r(b)(l.title))))
+                    ]),
+                    _: 2
+                  }, 1040, ["onUpdate:checked"])
+                ]),
+                _: 2
+              }, 1024))), 128))
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+});
+export {
+  M as default
+};

package/es/src/ap-table/components/setting/sortable/index.vue.d.ts

@@ -0,0 +1,13 @@
+import { SortableItemProps } from '../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<SortableItemProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<SortableItemProps>>>, {}, {}>;
+export default _default;
+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;
+    };
+};

package/es/src/ap-table/components/setting/sortable/index.vue.mjs

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

package/es/src/ap-table/components/setting/sortable/index.vue2.mjs

@@ -0,0 +1,51 @@
+import { defineComponent as f, ref as c, openBlock as n, createElementBlock as u, normalizeClass as m, unref as r, createVNode as i, withCtx as k, createBlock as y, createCommentVNode as p } from "vue";
+import "./item.vue.mjs";
+import "../../style/setting/sortable-item.css";
+import "../../../../config-provider/index.mjs";
+import V from "vuedraggable";
+import { useNamespace as h } from "../../../../config-provider/hooks/use-namespace.mjs";
+import s from "./item.vue2.mjs";
+const z = /* @__PURE__ */ f({
+  __name: "index",
+  props: {
+    value: {},
+    "onUpdate:value": { type: Function }
+  },
+  setup(C) {
+    const { b: d, is: v } = h("sortable-item"), a = c(!1);
+    return (l, o) => {
+      var t;
+      return n(), u("div", {
+        class: m(r(d)())
+      }, [
+        i(s, {
+          value: l.value,
+          open: a.value,
+          "onUpdate:open": o[0] || (o[0] = (e) => a.value = e)
+        }, null, 8, ["value", "open"]),
+        (t = l.value.children) != null && t.length ? (n(), u("div", {
+          key: 0,
+          class: m(r(v)("hidden", a.value))
+        }, [
+          i(r(V), {
+            modelValue: l.value.children,
+            "onUpdate:modelValue": o[1] || (o[1] = (e) => l.value.children = e),
+            "item-key": "key"
+          }, {
+            item: k(({ element: e }) => [
+              e.show ? (n(), y(s, {
+                key: 0,
+                value: e,
+                level: 2
+              }, null, 8, ["value"])) : p("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ], 2)) : p("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  z as default
+};

package/es/src/ap-table/components/setting/sortable/item.vue.d.ts

@@ -0,0 +1,20 @@
+import { SortableItemMetaProps } from '../../interface';
+import { ApColumnState } from '../../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<SortableItemMetaProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:open": (open: boolean) => void;
+    "update:value": (open: ApColumnState) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<SortableItemMetaProps>>> & {
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((open: ApColumnState) => any) | undefined;
+}, {}, {}>;
+export default _default;
+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;
+    };
+};

package/es/src/ap-table/components/setting/sortable/item.vue.mjs

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

package/es/src/ap-table/components/setting/sortable/item.vue2.mjs

@@ -0,0 +1,140 @@
+import { defineComponent as E, openBlock as s, createElementBlock as g, normalizeClass as t, unref as e, createElementVNode as f, createVNode as c, createCommentVNode as r, createBlock as u, resolveDynamicComponent as I, withCtx as d } from "vue";
+import { Space as O, Tooltip as m } from "ant-design-vue";
+import { HolderOutlined as D, VerticalAlignTopOutlined as k, VerticalAlignMiddleOutlined as z, DeleteOutlined as A } from "@ant-design/icons-vue";
+import "../../style/setting/sortable-item-meta.css";
+import "../../../../config-provider/index.mjs";
+import { useInjectSorterMethods as M } from "../sorter/context.mjs";
+import S from "../images/icon_carst_down.svg.mjs";
+import U from "../images/icon_fill_right.svg.mjs";
+import { cloneLabelNode as j } from "../utils.mjs";
+import { useNamespace as H } from "../../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as q } from "../../../../config-provider/hooks/use-locale.mjs";
+const G = ["src"], te = /* @__PURE__ */ E({
+  __name: "item",
+  props: {
+    value: {},
+    "onUpdate:value": { type: Function },
+    level: {},
+    open: { type: Boolean }
+  },
+  emits: ["update:open", "update:value"],
+  setup(b, { emit: x }) {
+    const o = b, C = x, { b: a, be: h, is: T } = H("sortable-item-meta"), { fixedToLeft: w, fixedToRight: V, unFixed: y } = M(), { t: p } = q();
+    function v(l) {
+      var i;
+      const n = o.value;
+      return n.fixed = l, (i = n.children) == null || i.forEach((B) => B.fixed = l), n;
+    }
+    function _() {
+      const l = v("left");
+      w(l);
+    }
+    function F() {
+      const l = v("right");
+      V(l);
+    }
+    function L() {
+      const l = v(void 0);
+      y(l);
+    }
+    function N() {
+      C("update:open", !o.open);
+    }
+    function R() {
+      var n;
+      const l = o.value;
+      l.show = !1, (n = l.children) == null || n.forEach((i) => i.show = !1);
+    }
+    return (l, n) => {
+      var i;
+      return s(), g("div", {
+        class: t(e(a)())
+      }, [
+        f("span", {
+          class: t(e(a)("left"))
+        }, [
+          c(e(D), {
+            class: t(e(h)("left", "holder")),
+            style: { "font-size": "16px", color: "#abb7cc" }
+          }, null, 8, ["class"]),
+          f("span", {
+            class: t(e(h)("left", "indicator")),
+            onClick: N
+          }, [
+            (i = l.value.children) != null && i.length ? (s(), g("img", {
+              key: 0,
+              src: o.open ? e(U) : e(S)
+            }, null, 8, G)) : r("", !0)
+          ], 2),
+          f("span", {
+            class: t([e(h)("left", "label-wrapper"), e(T)("level2", o.level === 2)])
+          }, [
+            (s(), u(I(e(j)(l.value.label))))
+          ], 2)
+        ], 2),
+        f("span", {
+          class: t(e(a)("right"))
+        }, [
+          c(e(O), null, {
+            default: d(() => [
+              o.level !== 2 && l.value.fixed !== "left" ? (s(), u(e(m), {
+                key: 0,
+                title: e(p)("ap.apTable.setting.fixToLeft")
+              }, {
+                default: d(() => [
+                  c(e(k), {
+                    rotate: 270,
+                    onClick: _,
+                    class: t(e(a)("action-icon"))
+                  }, null, 8, ["class"])
+                ]),
+                _: 1
+              }, 8, ["title"])) : r("", !0),
+              o.level !== 2 && l.value.fixed ? (s(), u(e(m), {
+                key: 1,
+                title: e(p)("ap.apTable.setting.unFixed")
+              }, {
+                default: d(() => [
+                  c(e(z), {
+                    onClick: L,
+                    class: t(e(a)("action-icon"))
+                  }, null, 8, ["class"])
+                ]),
+                _: 1
+              }, 8, ["title"])) : r("", !0),
+              o.level !== 2 && l.value.fixed !== "right" ? (s(), u(e(m), {
+                key: 2,
+                title: e(p)("ap.apTable.setting.fixToRight")
+              }, {
+                default: d(() => [
+                  c(e(k), {
+                    rotate: 90,
+                    onClick: F,
+                    class: t(e(a)("action-icon"))
+                  }, null, 8, ["class"])
+                ]),
+                _: 1
+              }, 8, ["title"])) : r("", !0),
+              l.value.disabled ? r("", !0) : (s(), u(e(m), {
+                key: 3,
+                title: e(p)("ap.apTable.setting.delete")
+              }, {
+                default: d(() => [
+                  c(e(A), {
+                    onClick: R,
+                    class: t(e(a)("action-icon"))
+                  }, null, 8, ["class"])
+                ]),
+                _: 1
+              }, 8, ["title"]))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  te as default
+};

package/es/src/ap-table/components/setting/sorter/context.d.ts

@@ -0,0 +1,11 @@
+import { InjectionKey } from 'vue';
+import { ApColumnState } from '../../../interface';
+type ApTableSorterContextProps = {
+    fixedToLeft(column: ApColumnState): void;
+    fixedToRight(column: ApColumnState): void;
+    unFixed(column: ApColumnState): void;
+};
+export declare const ApTableContextKey: InjectionKey<ApTableSorterContextProps>;
+export declare function useProvideSorterMethods(state: ApTableSorterContextProps): void;
+export declare function useInjectSorterMethods(): ApTableSorterContextProps;
+export {};

package/es/src/ap-table/components/setting/sorter/context.mjs

@@ -0,0 +1,20 @@
+import { provide as o, inject as r } from "vue";
+const e = Symbol("apTableSorterContextKey");
+function i(t) {
+  o(e, t);
+}
+function d() {
+  return r(e, {
+    fixedToLeft: () => {
+    },
+    fixedToRight: () => {
+    },
+    unFixed: () => {
+    }
+  });
+}
+export {
+  e as ApTableContextKey,
+  d as useInjectSorterMethods,
+  i as useProvideSorterMethods
+};

package/es/src/ap-table/components/setting/sorter/index.vue.d.ts

@@ -0,0 +1,18 @@
+import { ApTableSettingSorterProps } from '../../interface';
+import { ApColumnState } from '../../../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<ApTableSettingSorterProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (value: ApColumnState[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<ApTableSettingSorterProps>>> & {
+    "onUpdate:value"?: ((value: ApColumnState[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+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;
+    };
+};

package/es/src/ap-table/components/setting/sorter/index.vue.mjs

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