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

package/es/src/scroll-bar/scroll-bar.vue.mjs

@@ -1,86 +1,4 @@
-import { defineComponent as W, computed as V, ref as a, provide as _, watch as P, onMounted as R, nextTick as T, unref as e, onBeforeUnmount as A, openBlock as c, createElementBlock as w, normalizeClass as u, createElementVNode as D, normalizeStyle as z, createBlock as F, resolveDynamicComponent as G, withCtx as M, renderSlot as U, Fragment as X, createVNode as g, createCommentVNode as Y } from "vue";
-import { addResizeListener as y, removeResizeListener as C } from "@aplus-frontend/utils";
-import b from "./bar-item.mjs";
-import "./style/index.css";
-import "../config-provider/index.mjs";
-import { useGlobalConfig as $ } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
-const x = /* @__PURE__ */ W({
-  name: "ApScrollbar",
-  __name: "scroll-bar",
-  props: {
-    native: { type: Boolean },
-    wrapStyle: { default: "" },
-    wrapClass: { default: "" },
-    viewClass: { default: "" },
-    viewStyle: { default: "" },
-    noresize: { type: Boolean },
-    tag: { default: "div" },
-    scrollHeight: { default: 0 }
-  },
-  setup(S, { expose: k }) {
-    var h;
-    const B = $(), s = S, H = !!((h = B.value.scrollbar) != null && h.native), r = V(() => s.native || H), v = a("0"), m = a("0"), d = a(0), f = a(0), t = a(), i = a(), { b: N, e: p, em: L } = j("scrollbar");
-    _("scroll-bar-wrap", t);
-    const E = () => {
-      r.value || (f.value = e(t).scrollTop * 100 / e(t).clientHeight, d.value = e(t).scrollLeft * 100 / e(t).clientWidth);
-    }, o = () => {
-      if (!e(t))
-        return;
-      const l = e(t).clientHeight * 100 / e(t).scrollHeight, n = e(t).clientWidth * 100 / e(t).scrollWidth;
-      m.value = l < 100 ? l + "%" : "", v.value = n < 100 ? n + "%" : "";
-    };
-    return P(
-      () => s.scrollHeight,
-      () => {
-        r.value || o();
-      }
-    ), k({
-      wrap: t
-    }), R(() => {
-      r.value || (T(o), s.noresize || (y(e(i), o), y(e(t), o), addEventListener("resize", o)));
-    }), A(() => {
-      r.value || s.noresize || (C(e(i), o), C(e(t), o), removeEventListener("resize", o));
-    }), (l, n) => (c(), w("div", {
-      class: u(e(N)())
-    }, [
-      D("div", {
-        ref_key: "wrap",
-        ref: t,
-        class: u([
-          l.wrapClass,
-          e(p)("wrap"),
-          r.value ? "" : e(L)("wrap", "hidden-default")
-        ]),
-        style: z(l.wrapStyle),
-        onScroll: E
-      }, [
-        (c(), F(G(l.tag), {
-          ref_key: "resize",
-          ref: i,
-          class: u([e(p)("view"), l.viewClass]),
-          style: z(l.viewStyle)
-        }, {
-          default: M(() => [
-            U(l.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["class", "style"]))
-      ], 38),
-      r.value ? Y("", !0) : (c(), w(X, { key: 0 }, [
-        g(e(b), {
-          move: d.value,
-          size: v.value
-        }, null, 8, ["move", "size"]),
-        g(e(b), {
-          vertical: "",
-          move: f.value,
-          size: m.value
-        }, null, 8, ["move", "size"])
-      ], 64))
-    ], 2));
-  }
-});
+import f from "./scroll-bar.vue2.mjs";
 export {
-  x as default
+  f as default
 };

package/es/src/scroll-bar/scroll-bar.vue2.mjs

@@ -1,4 +1,86 @@
-import f from "./scroll-bar.vue.mjs";
+import { defineComponent as W, computed as V, ref as a, provide as _, unref as e, watch as P, onMounted as R, nextTick as T, onBeforeUnmount as A, openBlock as c, createElementBlock as w, normalizeClass as u, createElementVNode as D, normalizeStyle as z, createBlock as F, resolveDynamicComponent as G, withCtx as M, renderSlot as U, Fragment as X, createVNode as g, createCommentVNode as Y } from "vue";
+import { addResizeListener as y, removeResizeListener as C } from "@aplus-frontend/utils";
+import b from "./bar-item.mjs";
+import "./style/index.css";
+import "../config-provider/index.mjs";
+import { useGlobalConfig as $ } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const x = /* @__PURE__ */ W({
+  name: "ApScrollbar",
+  __name: "scroll-bar",
+  props: {
+    native: { type: Boolean },
+    wrapStyle: { default: "" },
+    wrapClass: { default: "" },
+    viewClass: { default: "" },
+    viewStyle: { default: "" },
+    noresize: { type: Boolean },
+    tag: { default: "div" },
+    scrollHeight: { default: 0 }
+  },
+  setup(S, { expose: k }) {
+    var h;
+    const B = $(), s = S, H = !!((h = B.value.scrollbar) != null && h.native), r = V(() => s.native || H), v = a("0"), m = a("0"), d = a(0), f = a(0), t = a(), i = a(), { b: N, e: p, em: L } = j("scrollbar");
+    _("scroll-bar-wrap", t);
+    const E = () => {
+      r.value || (f.value = e(t).scrollTop * 100 / e(t).clientHeight, d.value = e(t).scrollLeft * 100 / e(t).clientWidth);
+    }, o = () => {
+      if (!e(t))
+        return;
+      const l = e(t).clientHeight * 100 / e(t).scrollHeight, n = e(t).clientWidth * 100 / e(t).scrollWidth;
+      m.value = l < 100 ? l + "%" : "", v.value = n < 100 ? n + "%" : "";
+    };
+    return P(
+      () => s.scrollHeight,
+      () => {
+        r.value || o();
+      }
+    ), k({
+      wrap: t
+    }), R(() => {
+      r.value || (T(o), s.noresize || (y(e(i), o), y(e(t), o), addEventListener("resize", o)));
+    }), A(() => {
+      r.value || s.noresize || (C(e(i), o), C(e(t), o), removeEventListener("resize", o));
+    }), (l, n) => (c(), w("div", {
+      class: u(e(N)())
+    }, [
+      D("div", {
+        ref_key: "wrap",
+        ref: t,
+        class: u([
+          l.wrapClass,
+          e(p)("wrap"),
+          r.value ? "" : e(L)("wrap", "hidden-default")
+        ]),
+        style: z(l.wrapStyle),
+        onScroll: E
+      }, [
+        (c(), F(G(l.tag), {
+          ref_key: "resize",
+          ref: i,
+          class: u([e(p)("view"), l.viewClass]),
+          style: z(l.viewStyle)
+        }, {
+          default: M(() => [
+            U(l.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["class", "style"]))
+      ], 38),
+      r.value ? Y("", !0) : (c(), w(X, { key: 0 }, [
+        g(e(b), {
+          move: d.value,
+          size: v.value
+        }, null, 8, ["move", "size"]),
+        g(e(b), {
+          vertical: "",
+          move: f.value,
+          size: m.value
+        }, null, 8, ["move", "size"])
+      ], 64))
+    ], 2));
+  }
+});
 export {
-  f as default
+  x as default
 };

package/es/src/strength-meter/index.d.ts

@@ -2,12 +2,12 @@ import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOpt
 export * from './interface';
 export declare const StrengthMeter: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
-        };
         disabled: {
             type: PropType<boolean>;
         };
+        value: {
+            type: PropType<string>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -19,12 +19,12 @@ export declare const StrengthMeter: {
         change: (...args: any[]) => void;
         "score-change": (...args: any[]) => void;
     }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
-        };
         disabled: {
             type: PropType<boolean>;
         };
+        value: {
+            type: PropType<string>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -42,12 +42,12 @@ export declare const StrengthMeter: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        value: {
-            type: PropType<string>;
-        };
         disabled: {
             type: PropType<boolean>;
         };
+        value: {
+            type: PropType<string>;
+        };
         showInput: {
             type: PropType<boolean>;
             default: boolean;
@@ -62,12 +62,12 @@ export declare const StrengthMeter: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    value: {
-        type: PropType<string>;
-    };
     disabled: {
         type: PropType<boolean>;
     };
+    value: {
+        type: PropType<string>;
+    };
     showInput: {
         type: PropType<boolean>;
         default: boolean;

package/es/src/strength-meter/index.mjs

@@ -1,6 +1,8 @@
-import t from "./strength-meter.vue.mjs";
-import { withInstall as r } from "@aplus-frontend/utils";
-const e = r(t);
+import "./strength-meter.vue.mjs";
+import { withInstall as t } from "@aplus-frontend/utils";
+import "./interface.mjs";
+import r from "./strength-meter.vue2.mjs";
+const e = t(r);
 export {
   e as StrengthMeter
 };

package/es/src/strength-meter/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/strength-meter/strength-meter.vue.mjs

@@ -1,63 +1,4 @@
-import { defineComponent as v, ref as b, computed as w, unref as t, watchEffect as C, watch as k, openBlock as c, createElementBlock as B, normalizeClass as o, createBlock as P, mergeProps as V, createSlots as y, renderList as S, withCtx as _, renderSlot as z, normalizeProps as E, guardReactiveProps as I, createCommentVNode as N, createElementVNode as u } from "vue";
-import { Input as $ } from "ant-design-vue";
-import { zxcvbn as R } from "@zxcvbn-ts/core";
-import "../config-provider/index.mjs";
-import "./style/index.css";
-import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
-const A = ["data-score"], G = /* @__PURE__ */ v({
-  name: "ApStrengthMeter",
-  __name: "strength-meter",
-  props: {
-    value: {},
-    showInput: { type: Boolean, default: !0 },
-    disabled: { type: Boolean }
-  },
-  emits: ["score-change", "change"],
-  setup(i, { emit: m }) {
-    const s = i, n = m, r = b(""), { b: l, bm: d } = j("strength-meter"), p = w(() => {
-      const { disabled: e } = s;
-      if (e)
-        return -1;
-      const a = t(r) ? R(t(r)).score : -1;
-      return n("score-change", a), a;
-    });
-    function h(e) {
-      n("change", e.target.value), r.value = e.target.value || "";
-    }
-    return C(() => {
-      r.value = s.value || "";
-    }), k(
-      () => t(r),
-      (e) => {
-        n("change", e);
-      }
-    ), (e, f) => (c(), B("div", {
-      class: o(t(l)())
-    }, [
-      e.showInput ? (c(), P(t($).Password, V({ key: 0 }, e.$attrs, {
-        allowClear: "",
-        value: r.value,
-        onChange: h,
-        disabled: e.disabled
-      }), y({ _: 2 }, [
-        S(Object.keys(e.$slots), (a) => ({
-          name: a,
-          fn: _((g) => [
-            z(e.$slots, a, E(I(g || {})))
-          ])
-        }))
-      ]), 1040, ["value", "disabled"])) : N("", !0),
-      u("div", {
-        class: o(t(l)("bar"))
-      }, [
-        u("div", {
-          class: o(t(d)("bar", "fill")),
-          "data-score": p.value
-        }, null, 10, A)
-      ], 2)
-    ], 2));
-  }
-});
+import f from "./strength-meter.vue2.mjs";
 export {
-  G as default
+  f as default
 };

package/es/src/strength-meter/strength-meter.vue2.mjs

@@ -1,4 +1,63 @@
-import f from "./strength-meter.vue.mjs";
+import { defineComponent as v, ref as b, computed as w, unref as t, watchEffect as C, watch as k, openBlock as c, createElementBlock as B, normalizeClass as o, createBlock as P, mergeProps as V, createSlots as y, renderList as S, withCtx as _, renderSlot as z, normalizeProps as E, guardReactiveProps as I, createCommentVNode as N, createElementVNode as u } from "vue";
+import { Input as $ } from "ant-design-vue";
+import { zxcvbn as R } from "@zxcvbn-ts/core";
+import "../config-provider/index.mjs";
+import "./style/index.css";
+import { useNamespace as j } from "../config-provider/hooks/use-namespace.mjs";
+const A = ["data-score"], G = /* @__PURE__ */ v({
+  name: "ApStrengthMeter",
+  __name: "strength-meter",
+  props: {
+    value: {},
+    showInput: { type: Boolean, default: !0 },
+    disabled: { type: Boolean }
+  },
+  emits: ["score-change", "change"],
+  setup(i, { emit: m }) {
+    const s = i, n = m, r = b(""), { b: l, bm: d } = j("strength-meter"), p = w(() => {
+      const { disabled: e } = s;
+      if (e)
+        return -1;
+      const a = t(r) ? R(t(r)).score : -1;
+      return n("score-change", a), a;
+    });
+    function h(e) {
+      n("change", e.target.value), r.value = e.target.value || "";
+    }
+    return C(() => {
+      r.value = s.value || "";
+    }), k(
+      () => t(r),
+      (e) => {
+        n("change", e);
+      }
+    ), (e, f) => (c(), B("div", {
+      class: o(t(l)())
+    }, [
+      e.showInput ? (c(), P(t($).Password, V({ key: 0 }, e.$attrs, {
+        allowClear: "",
+        value: r.value,
+        onChange: h,
+        disabled: e.disabled
+      }), y({ _: 2 }, [
+        S(Object.keys(e.$slots), (a) => ({
+          name: a,
+          fn: _((g) => [
+            z(e.$slots, a, E(I(g || {})))
+          ])
+        }))
+      ]), 1040, ["value", "disabled"])) : N("", !0),
+      u("div", {
+        class: o(t(l)("bar"))
+      }, [
+        u("div", {
+          class: o(t(d)("bar", "fill")),
+          "data-score": p.value
+        }, null, 10, A)
+      ], 2)
+    ], 2));
+  }
+});
 export {
-  f as default
+  G as default
 };

package/es/src/theme/antd-global-overwrite/admin/alert.css

@@ -0,0 +1,47 @@
+.ant-alert {
+  align-items: flex-start;
+  width: 100%;
+  padding: 6px 12px;
+  border-radius: 4px;
+}
+.ant-alert .ant-alert-icon {
+  font-size: 16px;
+  transform: translateY(1px);
+  margin-inline-end: 8px;
+}
+.ant-alert .ant-alert-message {
+  color: #333333;
+  font-weight: normal !important;
+  font-size: 12px;
+  line-height: 18px;
+}
+.ant-alert .ant-alert-message .href {
+  color: #1890ff;
+  cursor: pointer;
+}
+.ant-alert .ant-alert-description {
+  color: #333333;
+  font-weight: normal;
+  font-size: 12px;
+  line-height: 18px;
+}
+.ant-alert-with-description .ant-alert-message {
+  margin-bottom: 4px;
+  font-weight: bold !important;
+}
+.ant-alert-warning {
+  background: rgba(250, 173, 20, 0.1);
+  border: 1px solid rgba(250, 173, 20, 0.4);
+}
+.ant-alert-info {
+  background: rgba(24, 144, 255, 0.1);
+  border: 1px solid rgba(24, 144, 255, 0.4);
+}
+.ant-alert-success {
+  background: rgba(52, 183, 124, 0.1);
+  border: 1px solid rgba(52, 183, 124, 0.4);
+}
+.ant-alert-error {
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid rgba(255, 77, 79, 0.4);
+}

package/es/src/theme/antd-global-overwrite/admin/button.css

@@ -0,0 +1,38 @@
+.ant-btn {
+  min-width: 88px;
+  box-shadow: none;
+}
+.ant-btn-primary[disabled],
+.ant-btn-primary[disabled]:hover {
+  color: #ffffff !important;
+  background: #d6f1e5 !important;
+  border-color: #d6f1e5 !important;
+}
+.ant-btn-dangerous[disabled],
+.ant-btn-dangerous[disabled]:hover {
+  color: #ffffff !important;
+  background: #ffdbdc !important;
+  border-color: #ffdbdc !important;
+}
+.ant-btn-default[disabled],
+.ant-btn-default[disabled]:hover {
+  color: #bfbfbf !important;
+  background: #fafafa !important;
+  border-color: #d9d9d9 !important;
+}
+.ant-btn-link[disabled],
+.ant-btn-link[disabled]:hover,
+.ant-btn-text[disabled],
+.ant-btn-text[disabled]:hover {
+  color: rgba(24, 144, 255, 0.2) !important;
+}
+.ant-form-item-control-input-content [text='重置'],
+.ant-form-item-control-input-content [text='查询'],
+.ant-form-item-control-input-content [text='Reset'],
+.ant-form-item-control-input-content [text='Search'] {
+  min-width: 0;
+}
+.ant-btn-link,
+.ant-btn-text {
+  min-width: 0;
+}

package/es/src/theme/antd-global-overwrite/admin/form.css

@@ -0,0 +1,65 @@
+.ant-form .ant-form-item label {
+  font-weight: normal;
+}
+.ant-form .ant-form-item label svg {
+  color: #34b77c;
+}
+.ant-form .ant-form-item-control {
+  padding-left: 0;
+}
+.ant-form .ant-form-item-control .ant-form-item-explain-error {
+  font-size: 12px;
+}
+.ant-form .ant-form-item-control .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner {
+  background-color: #ffffff;
+  border-color: #34b77c;
+}
+.ant-form .ant-form-item-control .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after {
+  background-color: #34b77c;
+}
+.ant-form .ant-form-item-control .ant-select.ant-select-open .ant-select-selection-item {
+  color: #bfbfbf;
+}
+.ant-input::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-input::placeholder {
+  color: #bfbfbf;
+}
+.ant-select .ant-select-selection-placeholder {
+  color: #bfbfbf;
+}
+.ant-picker .ant-picker-input > input::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-picker .ant-picker-input > input::placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number .ant-input-number-input-wrap > input::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number .ant-input-number-input-wrap > input::placeholder {
+  color: #bfbfbf;
+}
+input.ant-input[disabled] {
+  color: #666666;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] {
+  padding: 16px;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-primary {
+  order: 1;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-default {
+  order: 2;
+  margin-right: 0;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-link {
+  order: 3;
+  margin-left: 0.5rem;
+}