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

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

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

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

@@ -0,0 +1,49 @@
+import { ApFieldTextAreaProps, FieldMode } from '../interface';
+import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextAreaProps>, {
+    emptyText: string;
+    bordered: boolean;
+    mode: string;
+    type: string;
+    lazy: boolean;
+}>, {
+    focus: (options?: InputFocusOptions | undefined) => void;
+    blur: () => void;
+    resizableTextArea: ComputedRef<any>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextAreaProps>, {
+    emptyText: string;
+    bordered: boolean;
+    mode: string;
+    type: string;
+    lazy: boolean;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    type: "number" | "hidden" | "button" | "time" | "reset" | "submit" | "image" | "text" | "search" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+    lazy: boolean;
+    bordered: boolean;
+    emptyText: string;
+}, {}>;
+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];
+} & {};

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

@@ -0,0 +1,86 @@
+import { defineComponent as c, ref as f, computed as y, openBlock as r, createElementBlock as B, normalizeClass as x, unref as o, toDisplayString as v, createBlock as b, mergeProps as z } from "vue";
+import { isNil as C } from "lodash-unified";
+import "../../hooks/useMessage.mjs";
+import { useControllableValue as h } from "../../hooks/useControllableValue.mjs";
+import "../../config-provider/index.mjs";
+import { Input as g } from "ant-design-vue";
+import "./style.css";
+import { useNamespace as A } from "../../config-provider/hooks/use-namespace.mjs";
+const I = /* @__PURE__ */ c({
+  name: "ApFieldTextArea",
+  __name: "index",
+  props: {
+    mode: { default: "edit" },
+    rows: {},
+    autosize: { type: [Boolean, Object] },
+    autoSize: { type: [Boolean, Object] },
+    onResize: {},
+    onCompositionstart: {},
+    onCompositionend: {},
+    valueModifiers: {},
+    size: {},
+    value: {},
+    name: {},
+    type: { default: "text" },
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onInput: {},
+    onKeydown: {},
+    onKeyup: {},
+    focused: { type: Boolean },
+    hidden: { type: Boolean },
+    disabled: { type: Boolean },
+    prefixCls: {},
+    id: {},
+    autofocus: { type: Boolean },
+    autocomplete: {},
+    readonly: { type: Boolean },
+    status: {},
+    defaultValue: {},
+    "onUpdate:value": {},
+    placeholder: {},
+    loading: { type: Boolean },
+    lazy: { type: Boolean, default: !0 },
+    maxlength: {},
+    bordered: { type: Boolean, default: !0 },
+    showCount: { type: [Boolean, Object] },
+    htmlSize: {},
+    onPressEnter: {},
+    inputElement: {},
+    triggerFocus: {},
+    handleReset: {},
+    clearIcon: {},
+    allowClear: { type: Boolean },
+    emptyText: { default: "-" }
+  },
+  emits: ["update:value"],
+  setup(u, { expose: p, emit: s }) {
+    const t = f(), n = u, i = s, { value: a, updateValue: d } = h(n, i), { b: m } = A("field-text-area");
+    return p({
+      focus: (e) => {
+        var l;
+        (l = t.value) == null || l.focus(e);
+      },
+      blur: () => {
+        var e;
+        (e = t.value) == null || e.blur();
+      },
+      resizableTextArea: y(() => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.resizableTextArea;
+      })
+    }), (e, l) => e.mode === "read" ? (r(), B("span", {
+      key: 0,
+      class: x(o(m)())
+    }, v(o(C)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (r(), b(o(g).TextArea, z({ key: 1 }, n, {
+      value: o(a),
+      "onUpdate:value": o(d),
+      ref_key: "textAreaRef",
+      ref: t
+    }), null, 16, ["value", "onUpdate:value"]));
+  }
+});
+export {
+  I as default
+};

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

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

package/es/src/ap-field/text-area/style.css

@@ -0,0 +1,5 @@
+.aplus-field-text-area {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+}

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

@@ -1699,6 +1699,9 @@ declare const ApFormItem: {
             type: PropType<boolean>;
             default: undefined;
         };
+        order: {
+            type: PropType<string | number>;
+        };
         label: {
             type: PropType<any>;
         };
@@ -1711,9 +1714,6 @@ declare const ApFormItem: {
         flex: {
             type: PropType<string | number>;
         };
-        order: {
-            type: PropType<string | number>;
-        };
         offset: {
             type: PropType<string | number>;
         };
@@ -1871,6 +1871,9 @@ declare const ApFormItem: {
             type: PropType<boolean>;
             default: undefined;
         };
+        order: {
+            type: PropType<string | number>;
+        };
         label: {
             type: PropType<any>;
         };
@@ -1883,9 +1886,6 @@ declare const ApFormItem: {
         flex: {
             type: PropType<string | number>;
         };
-        order: {
-            type: PropType<string | number>;
-        };
         offset: {
             type: PropType<string | number>;
         };
@@ -2056,6 +2056,9 @@ declare const ApFormItem: {
             type: PropType<boolean>;
             default: undefined;
         };
+        order: {
+            type: PropType<string | number>;
+        };
         label: {
             type: PropType<any>;
         };
@@ -2068,9 +2071,6 @@ declare const ApFormItem: {
         flex: {
             type: PropType<string | number>;
         };
-        order: {
-            type: PropType<string | number>;
-        };
         offset: {
             type: PropType<string | number>;
         };
@@ -2238,6 +2238,9 @@ declare const ApFormItem: {
         type: PropType<boolean>;
         default: undefined;
     };
+    order: {
+        type: PropType<string | number>;
+    };
     label: {
         type: PropType<any>;
     };
@@ -2250,9 +2253,6 @@ declare const ApFormItem: {
     flex: {
         type: PropType<string | number>;
     };
-    order: {
-        type: PropType<string | number>;
-    };
     offset: {
         type: PropType<string | number>;
     };

package/es/src/basic/help.vue.d.ts

@@ -97,8 +97,8 @@ declare const _default: DefineComponent<{
     };
 }>>, {
     color: string;
-    fontSize: string;
     placement: TooltipPlacement;
+    fontSize: string;
     maxWidth: string;
     showIndex: boolean;
 }, {}>;

package/es/src/basic/index.d.ts

@@ -54,8 +54,8 @@ export declare const BasicHelp: {
         };
     }>>, {
         color: string;
-        fontSize: string;
         placement: TooltipPlacement;
+        fontSize: string;
         maxWidth: string;
         showIndex: boolean;
     }, true, {}, {}, {
@@ -92,8 +92,8 @@ export declare const BasicHelp: {
         };
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         color: string;
-        fontSize: string;
         placement: TooltipPlacement;
+        fontSize: string;
         maxWidth: string;
         showIndex: boolean;
     }>;
@@ -127,8 +127,8 @@ export declare const BasicHelp: {
     };
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     color: string;
-    fontSize: string;
     placement: TooltipPlacement;
+    fontSize: string;
     maxWidth: string;
     showIndex: boolean;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & Plugin<any[]> & (new (...args: any[]) => {

package/es/src/config-provider/config-provider.d.ts

@@ -278,6 +278,8 @@ export declare const ConfigProvider: DefineComponent<{
 }>>, {
     locale: Locale;
     direction: "ltr" | "rtl";
+    virtual: boolean;
+    dropdownMatchSelectWidth: number | boolean;
     input: {
         autocomplete?: string | undefined;
     };
@@ -298,8 +300,6 @@ export declare const ConfigProvider: DefineComponent<{
     space: {
         size?: number | ButtonSize;
     };
-    virtual: boolean;
-    dropdownMatchSelectWidth: number | boolean;
     pagination: {
         showSizeChanger?: boolean | undefined;
     };

package/es/src/config-provider/index.d.ts

@@ -285,6 +285,8 @@ export declare const APConfigProvider: {
     }>>, {
         locale: Locale;
         direction: "ltr" | "rtl";
+        virtual: boolean;
+        dropdownMatchSelectWidth: number | boolean;
         input: {
             autocomplete?: string | undefined;
         };
@@ -305,8 +307,6 @@ export declare const APConfigProvider: {
         space: {
             size?: number | ButtonSize;
         };
-        virtual: boolean;
-        dropdownMatchSelectWidth: number | boolean;
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
@@ -460,6 +460,8 @@ export declare const APConfigProvider: {
     }>>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
         locale: Locale;
         direction: "ltr" | "rtl";
+        virtual: boolean;
+        dropdownMatchSelectWidth: number | boolean;
         input: {
             autocomplete?: string | undefined;
         };
@@ -480,8 +482,6 @@ export declare const APConfigProvider: {
         space: {
             size?: number | ButtonSize;
         };
-        virtual: boolean;
-        dropdownMatchSelectWidth: number | boolean;
         pagination: {
             showSizeChanger?: boolean | undefined;
         };
@@ -632,6 +632,8 @@ export declare const APConfigProvider: {
 }>>, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     locale: Locale;
     direction: "ltr" | "rtl";
+    virtual: boolean;
+    dropdownMatchSelectWidth: number | boolean;
     input: {
         autocomplete?: string | undefined;
     };
@@ -652,8 +654,6 @@ export declare const APConfigProvider: {
     space: {
         size?: number | ButtonSize;
     };
-    virtual: boolean;
-    dropdownMatchSelectWidth: number | boolean;
     pagination: {
         showSizeChanger?: boolean | undefined;
     };

package/es/src/design-token/index.d.ts

@@ -0,0 +1,4 @@
+import { ThemeConfig } from 'ant-design-vue/es/config-provider/context';
+
+export declare const aplusToken: ThemeConfig['token'];
+export declare const adminToken: ThemeConfig['token'];

package/es/src/design-token/index.mjs

@@ -0,0 +1,59 @@
+const o = {
+  borderRadius: 4
+}, r = {
+  ...o,
+  // 主色
+  colorPrimary: "#0070FF",
+  colorPrimaryHover: "#66A9FF",
+  colorPrimaryActive: "#338CFF",
+  // 字体颜色
+  colorTextBase: "#182948",
+  colorText: "#182948",
+  colorTextSecondary: "#526A90",
+  colorTextTertiary: "#8896B0",
+  // 边框颜色
+  colorBorder: "#DEE4ED",
+  // 分割线颜色
+  colorSplit: "#E9EDF3",
+  // 信息色
+  colorInfo: "#0070FF",
+  // 成功色
+  colorSuccess: "#2ED1A3",
+  // 错误色
+  colorError: "#FF4D4F",
+  // 警告色
+  colorWarning: "#FFA940",
+  colorBgContainerDisabled: "#F9F9FA",
+  wireframe: !1,
+  colorBgLayout: "#F2F6F9"
+}, c = {
+  ...o,
+  // 主色
+  colorPrimary: "#34B77C",
+  colorPrimaryHover: "#85D4B0",
+  colorPrimaryActive: "#5DC596",
+  colorBgContainerDisabled: "#f5f5f5",
+  // 字体颜色
+  colorText: "#333333",
+  colorTextSecondary: "#666666",
+  colorTextTertiary: "#999999",
+  // 边框颜色
+  colorBorder: "#D9D9D9",
+  // 分割线颜色
+  colorSplit: "#E9E9E9",
+  // 信息色
+  colorInfo: "#1890FF",
+  // 成功色
+  colorSuccess: "#52C41A",
+  // 错误色
+  colorError: "#FF4D4F",
+  // 警告色
+  colorWarning: "#FAAD14",
+  colorLink: "#1890FF",
+  wireframe: !1,
+  colorBgLayout: "#FAFAFA"
+};
+export {
+  c as adminToken,
+  r as aplusToken
+};

package/es/src/hooks/useControllableValue.mjs

@@ -1,15 +1,15 @@
 import { ref as v, watch as c } from "vue";
-function V(u, f, e) {
-  const d = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", l = (e == null ? void 0 : e.valuePropName) || "value", r = v(
-    u[d] || (e == null ? void 0 : e.defaultValue)
+function t(a, f, e) {
+  const d = (e == null ? void 0 : e.defaultValuePropName) || "defaultValue", u = (e == null ? void 0 : e.valuePropName) || "value", r = v(
+    a[d] || (e == null ? void 0 : e.defaultValue)
   );
-  function m(a) {
-    u[l] === void 0 && (r.value = a), f(`update:${l}`, a);
+  function m(l) {
+    a[u] === void 0 && (r.value = l), f(`update:${u}`, l);
   }
   return c(
-    () => u[l],
-    (a) => {
-      u[l] !== void 0 && (console.log("set inner to ", a), r.value = a);
+    () => a[u],
+    (l) => {
+      a[u] !== void 0 && (r.value = l);
     },
     {
       immediate: !0
@@ -20,5 +20,5 @@ function V(u, f, e) {
   };
 }
 export {
-  V as useControllableValue
+  t as useControllableValue
 };

package/es/src/index.d.ts

@@ -17,3 +17,5 @@ export * from './prompt';
 export * from './dropdown';
 export * from './pro-table';
 export * from './ap-form';
+export * from './ap-field';
+export * from './design-token';