@aplus-frontend/ui 0.0.6 → 0.0.8

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

@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     bordered: boolean;
     type: string;
     lazy: boolean;
-    allowClear: undefined;
+    allowClear: boolean;
 }>, {
     focus: (options?: InputFocusOptions | undefined) => void;
     blur: () => void;
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     bordered: boolean;
     type: string;
     lazy: boolean;
-    allowClear: undefined;
+    allowClear: boolean;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {

package/es/src/ap-field/text/index.vue.mjs

@@ -1,133 +1,4 @@
-import { isVNode as x, defineComponent as v, ref as B, useSlots as g, computed as b, createVNode as p, mergeProps as C, unref as i, Fragment as h, openBlock as S, createBlock as _, resolveDynamicComponent as R } from "vue";
-import { Input as V } from "ant-design-vue";
-import "../../hooks/index.mjs";
-import { omit as j } from "lodash-unified";
-import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
-function T(u) {
-  return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !x(u);
-}
-const K = /* @__PURE__ */ v({
-  name: "ApFieldText",
-  __name: "index",
-  props: {
-    mode: {
-      default: "edit"
-    },
-    id: {},
-    placeholder: {},
-    autocomplete: {},
-    type: {
-      default: "text"
-    },
-    name: {},
-    size: {},
-    autofocus: {
-      type: Boolean
-    },
-    lazy: {
-      type: Boolean,
-      default: !0
-    },
-    maxlength: {},
-    loading: {
-      type: Boolean
-    },
-    bordered: {
-      type: Boolean,
-      default: !0
-    },
-    showCount: {
-      type: [Boolean, Object]
-    },
-    htmlSize: {},
-    onPressEnter: {},
-    onKeydown: {},
-    onKeyup: {},
-    onFocus: {},
-    onBlur: {},
-    onChange: {},
-    onInput: {},
-    "onUpdate:value": {},
-    onCompositionstart: {},
-    onCompositionend: {},
-    valueModifiers: {},
-    hidden: {
-      type: Boolean
-    },
-    status: {},
-    value: {},
-    defaultValue: {},
-    inputElement: {},
-    prefixCls: {},
-    disabled: {
-      type: Boolean
-    },
-    focused: {
-      type: Boolean
-    },
-    triggerFocus: {},
-    readonly: {
-      type: Boolean
-    },
-    handleReset: {},
-    addonBefore: {},
-    addonAfter: {},
-    prefix: {},
-    suffix: {},
-    clearIcon: {},
-    allowClear: {
-      type: Boolean,
-      default: void 0
-    },
-    emptyText: {
-      default: "-"
-    }
-  },
-  emits: ["update:value"],
-  setup(u, {
-    expose: d,
-    emit: c
-  }) {
-    const n = B(), t = g();
-    d({
-      focus: (e) => {
-        var o;
-        (o = n.value) == null || o.focus(e);
-      },
-      blur: () => {
-        var e;
-        (e = n.value) == null || e.blur();
-      },
-      setSelectionRange: (e, o, y) => {
-        var r;
-        (r = n.value) == null || r.setSelectionRange(e, o, y);
-      },
-      select: () => {
-        var e;
-        (e = n.value) == null || e.select();
-      },
-      input: b(() => {
-        var e;
-        return (e = n.value) == null ? void 0 : e.input;
-      })
-    });
-    const f = c, a = u, {
-      value: l,
-      updateValue: s
-    } = F(a, f);
-    function m() {
-      var e, o;
-      return a.mode === "edit" ? p(V, C(j(a, ["mode", "emptyText", "value", "onUpdate:value"]), {
-        value: i(l),
-        "onUpdate:value": s,
-        ref: n
-      }), T(t) ? t : {
-        default: () => [t]
-      }) : p(h, null, [a.prefix || ((e = t == null ? void 0 : t.prefix) == null ? void 0 : e.call(t)), i(l) || a.emptyText, a.suffix || ((o = t == null ? void 0 : t.suffix) == null ? void 0 : o.call(t))]);
-    }
-    return (e, o) => (S(), _(R(m())));
-  }
-});
+import f from "./index.vue2.mjs";
 export {
-  K as default
+  f as default
 };

package/es/src/ap-field/text/index.vue2.mjs

@@ -1,4 +1,133 @@
-import f from "./index.vue.mjs";
+import { isVNode as x, defineComponent as v, ref as B, useSlots as g, computed as b, createVNode as p, mergeProps as C, unref as i, Fragment as h, openBlock as S, createBlock as _, resolveDynamicComponent as R } from "vue";
+import { Input as V } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { omit as j } from "lodash-unified";
+import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
+function T(u) {
+  return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !x(u);
+}
+const K = /* @__PURE__ */ v({
+  name: "ApFieldText",
+  __name: "index",
+  props: {
+    mode: {
+      default: "edit"
+    },
+    id: {},
+    placeholder: {},
+    autocomplete: {},
+    type: {
+      default: "text"
+    },
+    name: {},
+    size: {},
+    autofocus: {
+      type: Boolean
+    },
+    lazy: {
+      type: Boolean,
+      default: !0
+    },
+    maxlength: {},
+    loading: {
+      type: Boolean
+    },
+    bordered: {
+      type: Boolean,
+      default: !0
+    },
+    showCount: {
+      type: [Boolean, Object]
+    },
+    htmlSize: {},
+    onPressEnter: {},
+    onKeydown: {},
+    onKeyup: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onInput: {},
+    "onUpdate:value": {},
+    onCompositionstart: {},
+    onCompositionend: {},
+    valueModifiers: {},
+    hidden: {
+      type: Boolean
+    },
+    status: {},
+    value: {},
+    defaultValue: {},
+    inputElement: {},
+    prefixCls: {},
+    disabled: {
+      type: Boolean
+    },
+    focused: {
+      type: Boolean
+    },
+    triggerFocus: {},
+    readonly: {
+      type: Boolean
+    },
+    handleReset: {},
+    addonBefore: {},
+    addonAfter: {},
+    prefix: {},
+    suffix: {},
+    clearIcon: {},
+    allowClear: {
+      type: Boolean,
+      default: !0
+    },
+    emptyText: {
+      default: "-"
+    }
+  },
+  emits: ["update:value"],
+  setup(u, {
+    expose: d,
+    emit: c
+  }) {
+    const n = B(), t = g();
+    d({
+      focus: (e) => {
+        var o;
+        (o = n.value) == null || o.focus(e);
+      },
+      blur: () => {
+        var e;
+        (e = n.value) == null || e.blur();
+      },
+      setSelectionRange: (e, o, y) => {
+        var r;
+        (r = n.value) == null || r.setSelectionRange(e, o, y);
+      },
+      select: () => {
+        var e;
+        (e = n.value) == null || e.select();
+      },
+      input: b(() => {
+        var e;
+        return (e = n.value) == null ? void 0 : e.input;
+      })
+    });
+    const f = c, a = u, {
+      value: l,
+      updateValue: s
+    } = F(a, f);
+    function m() {
+      var e, o;
+      return a.mode === "edit" ? p(V, C(j(a, ["mode", "emptyText", "value", "onUpdate:value"]), {
+        value: i(l),
+        "onUpdate:value": s,
+        ref: n
+      }), T(t) ? t : {
+        default: () => [t]
+      }) : p(h, null, [a.prefix || ((e = t == null ? void 0 : t.prefix) == null ? void 0 : e.call(t)), i(l) || a.emptyText, a.suffix || ((o = t == null ? void 0 : t.suffix) == null ? void 0 : o.call(t))]);
+    }
+    return (e, o) => (S(), _(R(m())));
+  }
+});
 export {
-  f as default
+  K as default
 };

package/es/src/ap-field/text/input-password-props.d.ts

@@ -0,0 +1,13 @@
+import { InputProps } from 'ant-design-vue';
+
+/**
+ * 根据antdv类型定义创建的Input.Password Props类型定义
+ */
+export type InputPasswordProps = InputProps & {
+    prefixCls?: string;
+    inputPrefixCls?: string;
+    action?: string;
+    visibilityToggle?: boolean;
+    visible?: boolean;
+    'onUpdate:visible'?: (visible: boolean) => void;
+};

package/es/src/ap-field/text/password.vue.d.ts

@@ -0,0 +1,74 @@
+import { ApFieldTextPasswordProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+type ApFieldTextPasswordSlots = {
+    addonAfter: any;
+    addonBefore: any;
+    prefix: any;
+    suffix: any;
+    clearIcon: any;
+    iconRender: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextPasswordProps>, {
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: boolean;
+    visibilityToggle: boolean;
+    action: string;
+    visible: undefined;
+}>, {
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+    "update:visible": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextPasswordProps>, {
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: boolean;
+    visibilityToggle: boolean;
+    action: string;
+    visible: undefined;
+}>>> & {
+    "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    visible: boolean;
+    type: "number" | "text" | "color" | "button" | "time" | "image" | "search" | "submit" | "reset" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "date" | "week" | "month" | "datetime-local" | "file" | "password";
+    mode: FieldMode;
+    bordered: boolean;
+    allowClear: boolean;
+    lazy: boolean;
+    action: string;
+    visibilityToggle: boolean;
+    emptyText: string;
+}, {}>, Readonly<ApFieldTextPasswordSlots> & ApFieldTextPasswordSlots>;
+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-field/text/password.vue.mjs

@@ -0,0 +1,152 @@
+import { isVNode as B, defineComponent as x, ref as C, useSlots as g, unref as p, createVNode as o, mergeProps as h, Fragment as V, openBlock as _, createBlock as w, resolveDynamicComponent as P } from "vue";
+import { Input as S, Space as U } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { omit as O } from "lodash-unified";
+import { EyeOutlined as T, EyeInvisibleOutlined as j } from "@ant-design/icons-vue";
+import { useControllableValue as d } from "../../hooks/useControllableValue.mjs";
+function k(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !B(t);
+}
+const D = /* @__PURE__ */ x({
+  name: "ApFieldTextPassword",
+  __name: "password",
+  props: {
+    mode: {
+      default: "edit"
+    },
+    id: {},
+    placeholder: {},
+    autocomplete: {},
+    type: {
+      default: "text"
+    },
+    name: {},
+    size: {},
+    autofocus: {
+      type: Boolean
+    },
+    lazy: {
+      type: Boolean,
+      default: !0
+    },
+    maxlength: {},
+    loading: {
+      type: Boolean
+    },
+    bordered: {
+      type: Boolean,
+      default: !0
+    },
+    showCount: {
+      type: [Boolean, Object]
+    },
+    htmlSize: {},
+    onPressEnter: {},
+    onKeydown: {},
+    onKeyup: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onInput: {},
+    "onUpdate:value": {},
+    onCompositionstart: {},
+    onCompositionend: {},
+    valueModifiers: {},
+    hidden: {
+      type: Boolean
+    },
+    status: {},
+    value: {},
+    defaultValue: {},
+    inputElement: {},
+    prefixCls: {},
+    disabled: {
+      type: Boolean
+    },
+    focused: {
+      type: Boolean
+    },
+    triggerFocus: {},
+    readonly: {
+      type: Boolean
+    },
+    handleReset: {},
+    addonBefore: {},
+    addonAfter: {},
+    prefix: {},
+    suffix: {},
+    clearIcon: {},
+    allowClear: {
+      type: Boolean,
+      default: !0
+    },
+    inputPrefixCls: {},
+    action: {
+      default: "click"
+    },
+    visibilityToggle: {
+      type: Boolean,
+      default: !0
+    },
+    visible: {
+      type: Boolean,
+      default: void 0
+    },
+    "onUpdate:visible": {},
+    emptyText: {
+      default: "-"
+    }
+  },
+  emits: ["update:value", "update:visible"],
+  setup(t, {
+    expose: c,
+    emit: f
+  }) {
+    const a = C(), u = g();
+    c({
+      focus: () => {
+        var e;
+        (e = a.value) == null || e.focus();
+      },
+      blur: () => {
+        var e;
+        (e = a.value) == null || e.blur();
+      }
+    });
+    const i = f, l = t, {
+      value: m,
+      updateValue: v
+    } = d(l, i), {
+      value: y,
+      updateValue: s
+    } = d(l, i, {
+      valuePropName: "visible"
+    });
+    function b() {
+      const e = p(m), n = p(y);
+      if (l.mode === "edit")
+        return o(S.Password, h(O(l, ["mode", "emptyText", "value", "onUpdate:value", "visible", "onUpdate:visible"]), {
+          value: e,
+          "onUpdate:value": v,
+          visible: n,
+          "onUpdate:visible": s,
+          ref: a
+        }), k(u) ? u : {
+          default: () => [u]
+        });
+      let r = o(V, null, [l.emptyText]);
+      return e && (r = o(U, null, {
+        default: () => [o("span", null, [n ? e : "********"]), o("span", {
+          style: {
+            cursor: "pointer"
+          },
+          onClick: () => s(!n)
+        }, [n ? o(T, null, null) : o(j, null, null)])]
+      })), r;
+    }
+    return (e, n) => (_(), w(P(b())));
+  }
+});
+export {
+  D as default
+};

package/es/src/ap-field/text/password.vue2.mjs

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

package/es/src/ap-field/text-area/index.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     mode: string;
     type: string;
     lazy: boolean;
+    allowClear: boolean;
 }>, {
     focus: (options?: InputFocusOptions | undefined) => void;
     blur: () => void;
@@ -20,12 +21,14 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     mode: string;
     type: string;
     lazy: boolean;
+    allowClear: boolean;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
     type: "number" | "text" | "color" | "button" | "time" | "image" | "search" | "submit" | "reset" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "date" | "week" | "month" | "datetime-local" | "file" | "password";
     mode: FieldMode;
     bordered: boolean;
+    allowClear: boolean;
     lazy: boolean;
     emptyText: string;
 }, {}>;

package/es/src/ap-field/text-area/index.vue.mjs

@@ -51,7 +51,7 @@ const I = /* @__PURE__ */ c({
     triggerFocus: {},
     handleReset: {},
     clearIcon: {},
-    allowClear: { type: Boolean },
+    allowClear: { type: Boolean, default: !0 },
     emptyText: { default: "-" }
   },
   emits: ["update:value"],

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

@@ -1,4 +1,4 @@
-import { default as ApFormItemText } from './text/index.vue';
+import { ApFormItemText, ApFormItemTextPassword } from './text';
 import { default as ApFormItemTextArea } from './text-area/index.vue';
 import { default as ApFormItemNumber } from './number/index.vue';
 import { default as ApFormItemDate } from './date/index.vue';
@@ -8,4 +8,4 @@ import { default as ApFormItemSelect } from './select/index.vue';
 import { default as ApFormItemSwitch } from './switch/index.vue';
 import { default as ApFormItemCheckbox } from './checkbox/index.vue';
 
-export { ApFormItemText, ApFormItemTextArea, ApFormItemNumber, ApFormItemDate, ApFormItemDateRange, ApFormItemRadio, ApFormItemSelect, ApFormItemSwitch, ApFormItemCheckbox };
+export { ApFormItemText, ApFormItemTextArea, ApFormItemNumber, ApFormItemDate, ApFormItemDateRange, ApFormItemRadio, ApFormItemSelect, ApFormItemSwitch, ApFormItemCheckbox, ApFormItemTextPassword };

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

@@ -1,4 +1,4 @@
-import "./text/index.vue2.mjs";
+import { ApFormItemText as F } from "./text/index.mjs";
 import "./text-area/index.vue2.mjs";
 import "./number/index.vue2.mjs";
 import "./date/index.vue2.mjs";
@@ -7,3 +7,6 @@ import "./radio/index.vue2.mjs";
 import "./select/index.vue2.mjs";
 import "./switch/index.vue2.mjs";
 import "./checkbox/index.vue2.mjs";
+export {
+  F as ApFormItemText
+};

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

@@ -1,4 +1,4 @@
-import { ApFieldCheckboxProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextAreaProps, ApFieldTextProps } from '../../ap-field';
+import { ApFieldCheckboxProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldNumberProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldTextAreaProps, ApFieldTextPasswordProps, ApFieldTextProps } from '../../ap-field';
 import { ApFormItemProps } from '../interface';
 
 export type ApFormItemTextProps = ApFormItemProps & {
@@ -6,6 +6,11 @@ export type ApFormItemTextProps = ApFormItemProps & {
     placeholder?: string;
     disabled?: boolean;
 };
+export type ApFormItemTextPasswordProps = ApFormItemProps & {
+    field?: Omit<ApFieldTextPasswordProps, 'value' | 'onUpdate:value'>;
+    placeholder?: string;
+    disabled?: boolean;
+};
 export type ApFormItemTextAreaProps = Omit<ApFormItemProps, 'bordered'> & {
     field?: Omit<ApFieldTextAreaProps, 'value' | 'onUpdate:value'>;
     placeholder?: string;

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

@@ -0,0 +1,8 @@
+import { default as _ApFormItemText } from './index.vue';
+import { default as ApFormItemTextPassword } from './password.vue';
+
+type ApFormItemTextType = typeof _ApFormItemText & {
+    Password: typeof ApFormItemTextPassword;
+};
+declare const ApFormItemText: ApFormItemTextType;
+export { ApFormItemText, ApFormItemTextPassword };

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

@@ -0,0 +1,10 @@
+import "./index.vue.mjs";
+import "./password.vue2.mjs";
+import m from "./index.vue2.mjs";
+import o from "./password.vue.mjs";
+const r = m;
+r.Password = o;
+export {
+  r as ApFormItemText,
+  o as ApFormItemTextPassword
+};