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

package/es/src/ap-form/index.mjs

@@ -1,10 +1,15 @@
-import m from "./ap-form.mjs";
-import r from "./ap-form-item.vue.mjs";
-import t from "./ap-form-item-group/index.vue.mjs";
+import r from "./ap-form.mjs";
+import "./ap-form-item.vue.mjs";
+import "./ap-form-item-group/index.vue.mjs";
 import { withInstall as o } from "@aplus-frontend/utils";
-const s = o(m), c = o(r), A = o(t);
+import "./items/index.mjs";
+import t from "./ap-form-item.vue2.mjs";
+import p from "./ap-form-item-group/index.vue2.mjs";
+const i = o(r), n = o(t), s = o(p), m = i;
+m.FormItem = n;
+m.FormItemGroup = s;
 export {
-  s as ApForm,
-  c as ApFormItem,
-  A as ApFormItemGroup
+  m as ApForm,
+  n as ApFormItem,
+  s as ApFormItemGroup
 };

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

@@ -1,7 +1,9 @@
 import { ColProps, FormItemProps, RowProps } from 'ant-design-vue';
 
 export type ApFormColProps = Omit<ColProps, 'prefixCls'>;
-export type ApFormItemProps = FormItemProps & Partial<ApFormColProps>;
+export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
+    bordered?: boolean;
+};
 export type ApFormItemGroupProps = RowProps & {
     countPerRow?: number;
 };

package/es/src/ap-form/items/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ApFormItemText } from './text/index.vue';
+
+export { ApFormItemText };

package/es/src/ap-form/items/index.mjs

@@ -0,0 +1 @@
+import "./text/index.vue2.mjs";

package/es/src/ap-form/items/interface.d.ts

@@ -0,0 +1,12 @@
+import { ApFieldTextProps } from 'src/ap-field';
+import { ApFormItemProps } from '../interface';
+
+export type ApFormItemTextProps = ApFormItemProps & Partial<Pick<ApFieldTextProps, 'onUpdate:value' | 'value'>> & {
+    field?: Omit<ApFieldTextProps, 'value' | 'onUpdate:value'>;
+    placeholder?: string;
+    disabled?: boolean;
+    /**
+     * 是否展示包含了输入框&label的border
+     */
+    bordered?: boolean;
+};

package/es/src/ap-form/items/text/index.vue.d.ts

@@ -0,0 +1,69 @@
+import { ApFormItemTextProps } from '../interface';
+import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ApFieldTextProps } from '../../../ap-field';
+
+type ApFormItemTextSlots = {
+    addonAfter: any;
+    addonBefore: any;
+    prefix: any;
+    suffix: any;
+    clearIcon: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemTextProps>, {
+    hasFeedback: boolean;
+    colon: undefined;
+    autoLink: boolean;
+    required: undefined;
+    validateFirst: undefined;
+    disabled: boolean;
+    field: () => {};
+    bordered: boolean;
+}>, {
+    focus: (options?: InputFocusOptions | undefined) => void;
+    blur: () => void;
+    input: any;
+    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void;
+    select: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormItemTextProps>, {
+    hasFeedback: boolean;
+    colon: undefined;
+    autoLink: boolean;
+    required: undefined;
+    validateFirst: undefined;
+    disabled: boolean;
+    field: () => {};
+    bordered: boolean;
+}>>>, {
+    disabled: boolean;
+    required: boolean;
+    bordered: boolean;
+    field: Omit< ApFieldTextProps, "value" | "onUpdate:value">;
+    colon: boolean;
+    hasFeedback: boolean;
+    autoLink: boolean;
+    validateFirst: boolean;
+}, {}>, Readonly<ApFormItemTextSlots> & ApFormItemTextSlots>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-form/items/text/index.vue.mjs

@@ -0,0 +1,102 @@
+import { defineComponent as m, ref as v, computed as b, openBlock as h, createBlock as g, normalizeProps as d, guardReactiveProps as n, unref as s, withCtx as p, createVNode as y, mergeProps as B, createSlots as x, renderList as S, renderSlot as R } from "vue";
+import "../../ap-form-item.vue.mjs";
+import { ApField as k } from "../../../ap-field/index.mjs";
+import { omit as C } from "lodash-unified";
+import F from "../../ap-form-item.vue2.mjs";
+const q = /* @__PURE__ */ m({
+  name: "ApFormItemText",
+  __name: "index",
+  props: {
+    htmlFor: {},
+    prefixCls: {},
+    label: {},
+    help: {},
+    extra: {},
+    labelCol: {},
+    wrapperCol: {},
+    hasFeedback: { type: Boolean, default: !1 },
+    colon: { type: Boolean, default: void 0 },
+    labelAlign: {},
+    prop: {},
+    name: {},
+    rules: {},
+    autoLink: { type: Boolean, default: !0 },
+    required: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
+    validateStatus: {},
+    validateTrigger: {},
+    messageVariables: {},
+    hidden: { type: Boolean },
+    noStyle: { type: Boolean },
+    tooltip: {},
+    span: {},
+    order: {},
+    offset: {},
+    push: {},
+    pull: {},
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {},
+    xxl: {},
+    flex: {},
+    bordered: { type: Boolean, default: !1 },
+    "onUpdate:value": {},
+    value: {},
+    field: { default: () => ({}) },
+    placeholder: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(u, { expose: i }) {
+    const { Text: f } = k, t = u;
+    console.log("props", t);
+    const l = v();
+    return i({
+      focus: (e) => {
+        var o;
+        (o = l.value) == null || o.focus(e);
+      },
+      blur: () => {
+        var e;
+        (e = l.value) == null || e.blur();
+      },
+      setSelectionRange: (e, o, r) => {
+        var a;
+        (a = l.value) == null || a.setSelectionRange(e, o, r);
+      },
+      select: () => {
+        var e;
+        (e = l.value) == null || e.select();
+      },
+      input: b(() => {
+        var e;
+        return (e = l.value) == null ? void 0 : e.input;
+      })
+    }), (e, o) => (h(), g(F, d(n(s(C)(t, ["field", "disabled", "placeholder"]))), {
+      default: p(() => [
+        y(s(f), B({
+          ref_key: "inputRef",
+          ref: l
+        }, e.field, {
+          disabled: e.disabled,
+          placeholder: e.placeholder,
+          bordered: e.bordered ? !1 : e.field.bordered,
+          value: t.value,
+          "onUpdate:value": t["onUpdate:value"]
+        }), x({ _: 2 }, [
+          S(e.$slots, (r, a) => ({
+            name: a,
+            fn: p((c) => [
+              R(e.$slots, a, d(n(c || {})))
+            ])
+          }))
+        ]), 1040, ["disabled", "placeholder", "bordered", "value", "onUpdate:value"])
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  q as default
+};

package/es/src/ap-form/items/text/index.vue2.mjs

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

package/es/src/ap-form/style/ap-form-item.css

@@ -0,0 +1,4 @@
+.aplus-ap-form-item--bordered {
+  border: 1px solid #dee4ed;
+  border-radius: 4px;
+}

package/es/src/base-button/button.vue.mjs

@@ -1,60 +1,4 @@
-import { defineComponent as B, computed as r, unref as i, openBlock as e, createBlock as n, mergeProps as C, withCtx as l, renderSlot as c, createCommentVNode as a, normalizeProps as I, guardReactiveProps as b } from "vue";
-import { Button as p } from "ant-design-vue";
-import u from "../icon/icon.vue.mjs";
-import { useAttrs as g } from "@aplus-frontend/hooks";
-import { omit as y } from "lodash-unified";
-const P = /* @__PURE__ */ B({
-  name: "ApButton",
-  extends: p,
-  inheritAttrs: !1,
-  __name: "button",
-  props: {
-    color: {},
-    disabled: { type: Boolean },
-    preIcon: {},
-    postIcon: {},
-    iconSize: { default: 14 },
-    onClick: {},
-    text: {},
-    loading: { type: Boolean }
-  },
-  setup(m) {
-    const t = m, d = g({ excludeDefaultKeys: !1 }), f = r(() => {
-      const { color: o, disabled: s } = t;
-      return [
-        {
-          [`ant-btn-${o}`]: !!o,
-          "is-disabled": s
-        }
-      ];
-    }), z = r(() => ({
-      ...i(d),
-      ...y(t, ["color", "preIcon", "postIcon", "iconSize"])
-    }));
-    return (o, s) => (e(), n(i(p), C(z.value, {
-      class: f.value,
-      onClick: o.onClick
-    }), {
-      icon: l(() => [
-        c(o.$slots, "icon")
-      ]),
-      default: l((k) => [
-        o.preIcon ? (e(), n(u, {
-          key: 0,
-          icon: o.preIcon,
-          size: o.iconSize
-        }, null, 8, ["icon", "size"])) : a("", !0),
-        c(o.$slots, "default", I(b(k || {}))),
-        o.postIcon ? (e(), n(u, {
-          key: 1,
-          icon: o.postIcon,
-          size: o.iconSize
-        }, null, 8, ["icon", "size"])) : a("", !0)
-      ]),
-      _: 3
-    }, 16, ["class", "onClick"]));
-  }
-});
+import f from "./button.vue2.mjs";
 export {
-  P as default
+  f as default
 };

package/es/src/base-button/button.vue2.mjs

@@ -1,4 +1,61 @@
-import f from "./button.vue.mjs";
+import { defineComponent as B, computed as r, unref as i, openBlock as e, createBlock as n, mergeProps as C, withCtx as l, renderSlot as c, createCommentVNode as a, normalizeProps as I, guardReactiveProps as b } from "vue";
+import { Button as p } from "ant-design-vue";
+import "../icon/icon.vue.mjs";
+import { useAttrs as g } from "@aplus-frontend/hooks";
+import { omit as y } from "lodash-unified";
+import u from "../icon/icon.vue2.mjs";
+const V = /* @__PURE__ */ B({
+  name: "ApButton",
+  extends: p,
+  inheritAttrs: !1,
+  __name: "button",
+  props: {
+    color: {},
+    disabled: { type: Boolean },
+    preIcon: {},
+    postIcon: {},
+    iconSize: { default: 14 },
+    onClick: {},
+    text: {},
+    loading: { type: Boolean }
+  },
+  setup(m) {
+    const t = m, d = g({ excludeDefaultKeys: !1 }), f = r(() => {
+      const { color: o, disabled: s } = t;
+      return [
+        {
+          [`ant-btn-${o}`]: !!o,
+          "is-disabled": s
+        }
+      ];
+    }), z = r(() => ({
+      ...i(d),
+      ...y(t, ["color", "preIcon", "postIcon", "iconSize"])
+    }));
+    return (o, s) => (e(), n(i(p), C(z.value, {
+      class: f.value,
+      onClick: o.onClick
+    }), {
+      icon: l(() => [
+        c(o.$slots, "icon")
+      ]),
+      default: l((k) => [
+        o.preIcon ? (e(), n(u, {
+          key: 0,
+          icon: o.preIcon,
+          size: o.iconSize
+        }, null, 8, ["icon", "size"])) : a("", !0),
+        c(o.$slots, "default", I(b(k || {}))),
+        o.postIcon ? (e(), n(u, {
+          key: 1,
+          icon: o.postIcon,
+          size: o.iconSize
+        }, null, 8, ["icon", "size"])) : a("", !0)
+      ]),
+      _: 3
+    }, 16, ["class", "onClick"]));
+  }
+});
 export {
-  f as default
+  V as default
 };

package/es/src/base-button/index.mjs

@@ -1,10 +1,10 @@
-import { withInstall as o } from "@aplus-frontend/utils";
-import t from "./button.vue.mjs";
-import { default as e } from "./modal-button.vue.mjs";
-import { default as s } from "./pop-confirm-button.vue.mjs";
-const f = o(t);
+import { withInstall as t } from "@aplus-frontend/utils";
+import "./button.vue.mjs";
+import "./interface.mjs";
+import "./modal-button.vue2.mjs";
+import "./pop-confirm-button.vue2.mjs";
+import o from "./button.vue2.mjs";
+const a = t(o);
 export {
-  f as BaseButton,
-  e as ModalButton,
-  s as PopConfirmButton
+  a as BaseButton
 };

package/es/src/base-button/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/base-button/modal-button.vue.mjs

@@ -1,17 +1,18 @@
 import { defineComponent as d, computed as p, unref as n, h as i } from "vue";
-import C from "./button.vue.mjs";
-import { extendSlots as g } from "../utils/slot.mjs";
+import "./button.vue.mjs";
+import { extendSlots as C } from "../utils/slot.mjs";
 import { omit as c } from "lodash-unified";
-import { useAttrs as k } from "@aplus-frontend/hooks";
-import { useLocale as b } from "../config-provider/hooks/use-locale.mjs";
-import { useMessage as x } from "../hooks/useMessage.mjs";
-import { modalButtonProps as T } from "./constants.mjs";
-const { createConfirm: B } = x(), j = d({
+import { useAttrs as g } from "@aplus-frontend/hooks";
+import { useLocale as k } from "../config-provider/hooks/use-locale.mjs";
+import { useMessage as b } from "../hooks/useMessage.mjs";
+import { modalButtonProps as x } from "./constants.mjs";
+import T from "./button.vue2.mjs";
+const { createConfirm: B } = b(), L = d({
   name: "ApModalButton",
   inheritAttrs: !1,
-  props: T,
+  props: x,
   setup(o, { slots: s }) {
-    const { t: e } = b(), l = k(), r = p(() => Object.assign(
+    const { t: e } = k(), l = g(), r = p(() => Object.assign(
       {
         okText: e("ap.common.okText"),
         cancelText: e("ap.common.cancelText")
@@ -26,7 +27,7 @@ const { createConfirm: B } = x(), j = d({
         "modalConfig"
       ), t = c(n(r), "title");
       t.disabled && (t.color = "");
-      const a = i(C, t, g(s));
+      const a = i(T, t, C(s));
       return o.enable ? i(a, {
         ...f,
         onClick: () => {
@@ -49,5 +50,5 @@ const { createConfirm: B } = x(), j = d({
   }
 });
 export {
-  j as default
+  L as default
 };

package/es/src/base-button/pop-confirm-button.vue.mjs

@@ -1,32 +1,33 @@
 import { defineComponent as a, computed as u, unref as o, h as i } from "vue";
-import l from "./button.vue.mjs";
-import { Popconfirm as d } from "ant-design-vue";
-import { extendSlots as x } from "../utils/slot.mjs";
+import "./button.vue.mjs";
+import { Popconfirm as l } from "ant-design-vue";
+import { extendSlots as d } from "../utils/slot.mjs";
 import { omit as s } from "lodash-unified";
-import { useAttrs as b } from "@aplus-frontend/hooks";
+import { useAttrs as x } from "@aplus-frontend/hooks";
 import "../config-provider/index.mjs";
-import { popConfirmButton as B } from "./constants.mjs";
-import { useLocale as T } from "../config-provider/hooks/use-locale.mjs";
-const L = a({
+import { popConfirmButton as b } from "./constants.mjs";
+import { useLocale as B } from "../config-provider/hooks/use-locale.mjs";
+import T from "./button.vue2.mjs";
+const O = a({
   name: "ApPopConfirmButton",
   inheritAttrs: !1,
-  props: B,
+  props: b,
   setup(n, { slots: c }) {
-    const { t: r } = T(), f = b(), e = u(() => Object.assign(
+    const { t: r } = B(), p = x(), e = u(() => Object.assign(
       {
         okText: r("ap.common.okText"),
         cancelText: r("ap.common.cancelText")
       },
-      { ...n, ...o(f) }
+      { ...n, ...o(p) }
     ));
     return () => {
-      const p = s(o(e), "icon", "color"), t = s(o(e), "title");
+      const f = s(o(e), "icon", "color"), t = s(o(e), "title");
       t.disabled && (t.color = "");
-      const m = i(l, t, x(c));
-      return n.enable ? i(d, p, { default: () => m }) : m;
+      const m = i(T, t, d(c));
+      return n.enable ? i(l, f, { default: () => m }) : m;
     };
   }
 });
 export {
-  L as default
+  O as default
 };

package/es/src/basic/arrow.vue.mjs

@@ -1,40 +1,4 @@
-import { defineComponent as l, computed as m, openBlock as i, createElementBlock as u, normalizeClass as d, createVNode as f, unref as y, normalizeStyle as B } from "vue";
-import { Icon as w } from "../icon/index.mjs";
-import "../config-provider/index.mjs";
-import "./style/arrow.css";
-import { useNamespace as _ } from "../config-provider/hooks/use-namespace.mjs";
-const k = /* @__PURE__ */ l({
-  name: "ApBasicArrow",
-  __name: "arrow",
-  props: {
-    expand: { type: Boolean },
-    up: { type: Boolean },
-    down: { type: Boolean },
-    inset: { type: Boolean }
-  },
-  setup(n) {
-    const t = n, { b: r, m: a } = _("basic-arrow"), s = m(() => {
-      const { expand: e, up: o, down: p, inset: c } = t;
-      return [
-        r(),
-        {
-          [`${a("active")}`]: e,
-          up: o,
-          inset: c,
-          down: p
-        }
-      ];
-    });
-    return (e, o) => (i(), u("span", {
-      class: d(s.value)
-    }, [
-      f(y(w), {
-        icon: "ion:chevron-forward",
-        style: B(e.$attrs.iconStyle)
-      }, null, 8, ["style"])
-    ], 2));
-  }
-});
+import f from "./arrow.vue2.mjs";
 export {
-  k as default
+  f as default
 };

package/es/src/basic/arrow.vue2.mjs

@@ -1,4 +1,40 @@
-import f from "./arrow.vue.mjs";
+import { defineComponent as l, computed as m, openBlock as i, createElementBlock as u, normalizeClass as d, createVNode as f, unref as y, normalizeStyle as B } from "vue";
+import { Icon as w } from "../icon/index.mjs";
+import "../config-provider/index.mjs";
+import "./style/arrow.css";
+import { useNamespace as _ } from "../config-provider/hooks/use-namespace.mjs";
+const k = /* @__PURE__ */ l({
+  name: "ApBasicArrow",
+  __name: "arrow",
+  props: {
+    expand: { type: Boolean },
+    up: { type: Boolean },
+    down: { type: Boolean },
+    inset: { type: Boolean }
+  },
+  setup(n) {
+    const t = n, { b: r, m: a } = _("basic-arrow"), s = m(() => {
+      const { expand: e, up: o, down: p, inset: c } = t;
+      return [
+        r(),
+        {
+          [`${a("active")}`]: e,
+          up: o,
+          inset: c,
+          down: p
+        }
+      ];
+    });
+    return (e, o) => (i(), u("span", {
+      class: d(s.value)
+    }, [
+      f(y(w), {
+        icon: "ion:chevron-forward",
+        style: B(e.$attrs.iconStyle)
+      }, null, 8, ["style"])
+    ], 2));
+  }
+});
 export {
-  f as default
+  k as default
 };

package/es/src/basic/help.vue.mjs

@@ -1,98 +1,4 @@
-import { defineComponent as d, computed as i, createVNode as o, unref as l } from "vue";
-import { Tooltip as a } from "ant-design-vue";
-import { InfoCircleOutlined as y } from "@ant-design/icons-vue";
-import { getPopupContainer as S } from "../utils/index.mjs";
-import { isType as g, isArray as x } from "@fruits-chain/utils";
-import { getSlot as h } from "../utils/slot.mjs";
-import "../config-provider/index.mjs";
-import "./style/help.css";
-import { useNamespace as v } from "../config-provider/hooks/use-namespace.mjs";
-const w = {
-  /**
-   * Help text max-width
-   * @default: 600px
-   */
-  maxWidth: {
-    type: String,
-    default: "600px"
-  },
-  /**
-   * Whether to display the serial number
-   * @default: false
-   */
-  showIndex: {
-    type: Boolean
-  },
-  /**
-   * Help text font color
-   * @default: #ffffff
-   */
-  color: {
-    type: String,
-    default: "#ffffff"
-  },
-  /**
-   * Help text font size
-   * @default: 14px
-   */
-  fontSize: {
-    type: String,
-    default: "14px"
-  },
-  /**
-   * Help text list
-   */
-  placement: {
-    type: String,
-    default: "right"
-  },
-  /**
-   * Help text list
-   */
-  text: {
-    type: [Array, String, Object]
-  }
-}, j = /* @__PURE__ */ d({
-  name: "ApBasicHelp",
-  components: {
-    Tooltip: a
-  },
-  props: w,
-  setup(t, {
-    slots: p
-  }) {
-    const {
-      b: f,
-      be: r
-    } = v("basic-help"), m = i(() => ({
-      color: t.color,
-      fontSize: t.fontSize
-    })), c = i(() => ({
-      maxWidth: t.maxWidth
-    }));
-    function u() {
-      const e = t.text;
-      return g("String")(e) ? e : x(e) ? e.map((n, s) => o("p", {
-        key: n,
-        class: r("content", "row")
-      }, [t.showIndex ? `${s + 1}. ` : "", n])) : e;
-    }
-    return () => o(a, {
-      overlayClassName: `${r("wrap")}`,
-      title: o("div", {
-        style: l(m)
-      }, [u()]),
-      autoAdjustOverflow: !0,
-      overlayStyle: l(c),
-      placement: t.placement,
-      getPopupContainer: () => S()
-    }, {
-      default: () => [o("span", {
-        class: f()
-      }, [h(p) || o(y, null, null)])]
-    });
-  }
-});
+import f from "./help.vue2.mjs";
 export {
-  j as default
+  f as default
 };