@aplus-frontend/ui 0.1.40 → 0.2.0-beta.0

package/es/src/pro-form/components/form-item.vue2.mjs

@@ -1,354 +0,0 @@
-import { isVNode as ee, defineComponent as te, toRefs as oe, computed as v, unref as n, createVNode as u, createTextVNode as ne, mergeProps as N, withDirectives as se, vShow as le } from "vue";
-import { isComponentFormSchema as re } from "../types/form.mjs";
-import { Col as E, Divider as ae, Form as K } from "ant-design-vue";
-import { componentMap as W } from "../component-map.mjs";
-import { BasicHelp as ce, BasicTitle as ie } from "../../basic/index.mjs";
-import { isFunction as p, isBoolean as I, cloneDeep as de, isNull as fe, upperFirst as me } from "lodash-unified";
-import { getSlot as U } from "../../utils/slot.mjs";
-import { isIncludeSimpleComponents as ue, createPlaceholderMessage as $, NO_AUTO_LINK_COMPONENTS as G, setComponentRuleType as he } from "../helper.mjs";
-import { useItemLabelWidth as pe } from "../hooks/use-label-width.mjs";
-import "../../config-provider/index.mjs";
-import "./style/form-item.css";
-import { useLocale as be } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as ge } from "../../config-provider/hooks/use-namespace.mjs";
-function M(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !ee(t);
-}
-const De = /* @__PURE__ */ te({
-  name: "BasicFormItem",
-  inheritAttrs: !1,
-  props: {
-    schema: {
-      type: Object,
-      default: () => ({})
-    },
-    formProps: {
-      type: Object,
-      default: () => ({})
-    },
-    allDefaultValues: {
-      type: Object,
-      default: () => ({})
-    },
-    formModel: {
-      type: Object,
-      default: () => ({})
-    },
-    setFormModel: {
-      type: Function,
-      default: null
-    },
-    tableAction: {
-      // todo: table Action
-      type: Object
-    },
-    formActionType: {
-      type: Object
-    },
-    isAdvanced: {
-      type: Boolean
-    }
-  },
-  setup(t, {
-    slots: _
-  }) {
-    const {
-      t: L
-    } = be(), {
-      b: A
-    } = ge("form-item"), {
-      schema: V,
-      formProps: D
-    } = oe(t);
-    V.value.component === "CropperAvatar" && typeof D.value.size == "string" && (D.value.size = void 0);
-    const Q = pe(V, D), h = v(() => {
-      const {
-        allDefaultValues: o,
-        formModel: e,
-        schema: a
-      } = t, {
-        mergeDynamicData: l
-      } = t.formProps;
-      return {
-        field: a.field,
-        model: e,
-        values: {
-          ...l,
-          ...o,
-          ...e
-        },
-        schema: a
-      };
-    }), x = v(() => {
-      const {
-        schema: o,
-        tableAction: e,
-        formModel: a,
-        formActionType: l
-      } = t;
-      let {
-        componentProps: s = {}
-      } = o;
-      return p(s) && (s = s({
-        schema: o,
-        tableAction: e,
-        formModel: a,
-        formActionType: l
-      }) ?? {}), ue(o.component) && (s = Object.assign({
-        type: "horizontal"
-      }, {
-        orientation: "left",
-        plain: !0
-      }, s)), s;
-    }), R = v(() => {
-      const {
-        disabled: o
-      } = t.formProps, {
-        dynamicDisabled: e
-      } = t.schema, {
-        disabled: a = !1
-      } = n(x);
-      let l = !!o || a;
-      return I(e) && (l = e), p(e) && (l = e(n(h))), l;
-    }), j = v(() => {
-      const {
-        readonly: o
-      } = t.formProps, {
-        dynamicReadonly: e
-      } = t.schema, {
-        readonly: a = !1
-      } = n(x);
-      let l = o || a;
-      return I(e) && (l = e), p(e) && (l = e(n(h))), l;
-    });
-    function B() {
-      const {
-        show: o,
-        ifShow: e
-      } = t.schema, {
-        showAdvancedButton: a
-      } = t.formProps, l = a && I(t.isAdvanced) ? t.isAdvanced : !0;
-      let s = !0, c = !0;
-      return I(o) && (s = o), I(e) && (c = e), p(o) && (s = o(n(h))), p(e) && (c = e(n(h))), s = s && l, {
-        isShow: s,
-        isIfShow: c
-      };
-    }
-    function z() {
-      var F;
-      const {
-        rules: o = [],
-        component: e,
-        rulesMessageJoinLabel: a,
-        label: l,
-        dynamicRules: s,
-        required: c
-      } = t.schema;
-      if (p(s))
-        return s(n(h));
-      let r = de(o);
-      const {
-        rulesMessageJoinLabel: b
-      } = t.formProps, g = (Reflect.has(t.schema, "rulesMessageJoinLabel") ? a : b) ? p(l) ? "" : l : "", f = e ? $(e, "", L) + g : g;
-      function y(m, i) {
-        const C = m.message || f;
-        return i === void 0 || fe(i) || Array.isArray(i) && i.length === 0 || typeof i == "string" && i.trim() === "" || typeof i == "object" && Reflect.has(i, "checked") && Reflect.has(i, "halfChecked") && Array.isArray(i.checked) && Array.isArray(i.halfChecked) && i.checked.length === 0 && i.halfChecked.length === 0 ? Promise.reject(C) : Promise.resolve();
-      }
-      const d = p(c) ? c(n(h)) : c;
-      if (d)
-        if (!r || r.length === 0) {
-          const m = G.includes(e || "Input") ? "blur" : "change";
-          r = [{
-            required: d,
-            validator: y,
-            trigger: m
-          }];
-        } else
-          r.findIndex((i) => Reflect.has(i, "required")) === -1 && r.push({
-            required: d,
-            validator: y
-          });
-      const k = r.findIndex((m) => Reflect.has(m, "required") && !Reflect.has(m, "validator"));
-      if (k !== -1) {
-        const m = r[k], {
-          isShow: i
-        } = B();
-        if (i || (m.required = !1), e) {
-          m.message = m.message || f, (e.includes("Input") || e.includes("Textarea")) && (m.whitespace = !0);
-          const C = (F = n(x)) == null ? void 0 : F.valueFormat;
-          he(m, e, C);
-        }
-      }
-      const P = r.findIndex((m) => m.max);
-      return P !== -1 && !r[P].validator && (r[P].message = r[P].message || L("ap.form.maxTip", {
-        count: r[P].max
-      })), r;
-    }
-    function X() {
-      var H, J;
-      if (!re(t.schema))
-        return null;
-      const {
-        renderComponentContent: o,
-        component: e,
-        field: a,
-        changeEvent: l = "change",
-        valueField: s,
-        label: c
-      } = t.schema, r = e && ["Switch", "Checkbox"].includes(e), b = `on${me(l)}`, S = {
-        [b]: (...w) => {
-          const [q] = w, T = q ? q.target : null, Z = T ? r ? T.checked : T.value : q;
-          t.setFormModel(a, Z, t.schema), d[b] && d[b](...w);
-        }
-      }, g = W.get(e), {
-        autoSetPlaceHolder: f = !0,
-        size: y
-      } = t.formProps, d = {
-        allowClear: !0,
-        size: y,
-        ...n(x),
-        disabled: n(R),
-        readonly: n(j)
-      }, P = (H = z().find((w) => w.max)) == null ? void 0 : H.max;
-      if (P && (d["show-count"] = d["show-count"] ?? !0, d.maxlength = d.maxlength ?? P), !d.disabled && f && e !== "RangePicker" && e) {
-        const w = typeof c == "string" ? c : "";
-        d.placeholder = ((J = n(x)) == null ? void 0 : J.placeholder) || $(e, w, L);
-      }
-      d.codeField = a, d.formValues = n(h);
-      const m = {
-        [s || (r ? "checked" : "value")]: t.formModel[a]
-      }, i = {
-        ...d,
-        ...S,
-        ...m
-      };
-      if (!o)
-        return u(g, i, null);
-      const C = p(o) ? {
-        ...o(n(h), {
-          disabled: n(R),
-          readonly: n(j)
-        })
-      } : {
-        default: () => o
-      };
-      return u(g, i, M(C) ? C : {
-        default: () => [C]
-      });
-    }
-    function O() {
-      const {
-        label: o,
-        helpMessage: e,
-        helpComponentProps: a,
-        subLabel: l
-      } = t.schema, s = p(o) ? o(n(h)) : o, c = l ? u("span", null, [s, ne(" "), u("span", {
-        class: A("text-secondary")
-      }, [l])]) : s, r = p(e) ? e(n(h)) : e;
-      return !r || Array.isArray(r) && r.length === 0 ? c : u("span", null, [c, u(ce, N({
-        placement: "top",
-        class: A("label-help"),
-        text: r
-      }, a), null)]);
-    }
-    function Y() {
-      const {
-        itemProps: o = {},
-        slot: e,
-        render: a,
-        field: l,
-        suffix: s,
-        component: c
-      } = t.schema, {
-        labelCol: r,
-        wrapperCol: b
-      } = n(Q), {
-        colon: S
-      } = t.formProps, g = {
-        disabled: n(R),
-        readonly: n(j)
-      };
-      if (c === "Divider") {
-        let f;
-        return u(E, {
-          span: 24
-        }, {
-          default: () => [u(ae, n(x), M(f = O()) ? f : {
-            default: () => [f]
-          })]
-        });
-      } else if (c === "BasicTitle") {
-        let f;
-        return u(K.Item, {
-          labelCol: r,
-          wrapperCol: b,
-          name: l,
-          class: {
-            [A("suffix-item")]: !!s
-          }
-        }, {
-          default: () => [u(ie, n(x), M(f = O()) ? f : {
-            default: () => [f]
-          })]
-        });
-      } else {
-        const f = () => e ? U(_, e, n(h), g) : a ? a(n(h), g) : X(), y = !!s, d = p(s) ? s(n(h)) : s;
-        return c && G.includes(c) && t.schema && (t.schema.itemProps = {
-          autoLink: !1,
-          ...t.schema.itemProps
-        }), u(K.Item, N({
-          name: l,
-          colon: S,
-          class: {
-            [A("suffix-item")]: y
-          }
-        }, o, {
-          label: O(),
-          rules: z(),
-          labelCol: r,
-          wrapperCol: b
-        }), {
-          default: () => [u("div", {
-            style: "display:flex"
-          }, [u("div", {
-            style: "flex:1;"
-          }, [f()]), y && u("span", {
-            class: A("suffix")
-          }, [d])])]
-        });
-      }
-    }
-    return () => {
-      let o;
-      const {
-        colProps: e = {},
-        colSlot: a,
-        renderColContent: l,
-        component: s,
-        slot: c
-      } = t.schema;
-      if (!(s && W.has(s) || c))
-        return null;
-      const {
-        baseColProps: r = {}
-      } = t.formProps, b = {
-        ...r,
-        ...e
-      }, {
-        isIfShow: S,
-        isShow: g
-      } = B(), f = n(h), y = {
-        disabled: n(R),
-        readonly: n(j)
-      }, d = () => a ? U(_, a, f, y) : l ? l(f, y) : Y();
-      return S && se(u(E, N(b, {
-        class: A()
-      }), M(o = d()) ? o : {
-        default: () => [o]
-      }), [[le, g]]);
-    };
-  }
-});
-export {
-  De as default
-};

package/es/src/pro-form/components/interface.d.ts

@@ -1,118 +0,0 @@
-import { DefaultOptionType, SelectValue } from 'ant-design-vue/es/select';
-import { TransferItem } from 'ant-design-vue/es/transfer';
-import { DataNode, TreeProps } from 'ant-design-vue/es/tree';
-import { ButtonProps } from '../../base-button';
-import { ColEx } from '../types';
-import { RadioGroupProps } from 'ant-design-vue';
-type Api<T = any> = (args?: any) => Promise<T[]>;
-export type ApiCascaderOption = {
-    value?: string;
-    label?: string;
-    loading?: boolean;
-    isLeaf?: boolean;
-    children?: ApiCascaderOption[];
-    [key: string]: any;
-};
-export type ApiCascaderProps = {
-    value?: any[];
-    api?: Api<ApiCascaderOption>;
-    numberToString?: boolean;
-    resultField?: string;
-    labelField?: string;
-    valueField?: string;
-    childrenField?: string;
-    apiParamKey?: string;
-    immediate?: boolean;
-    initFetchParams?: Record<string, any>;
-    isLeaf?: (args?: Record<string, any>) => boolean;
-    displayRenderArray?: any[];
-};
-export type CommonOptionItem = {
-    label?: string;
-    value?: string | number | boolean;
-    disabled?: boolean;
-    [key: string]: any;
-};
-export type ApiRadioGroupProps = {
-    api?: Api<CommonOptionItem>;
-    params?: string | Record<string, any>;
-    value?: string | number | boolean;
-    isBtn?: boolean;
-    numberToString?: boolean;
-    resultField?: string;
-    labelField?: string;
-    valueField?: string;
-    immediate?: boolean;
-};
-export type ApiSelectOption = Omit<DefaultOptionType, 'children'>;
-export type ApiSelectProps = {
-    value?: SelectValue;
-    numberToString?: boolean;
-    api?: Api<ApiSelectOption>;
-    params?: Record<string, any>;
-    resultField?: string;
-    labelField?: string;
-    valueField?: string;
-    immediate?: boolean;
-    alwaysLoad?: boolean;
-    options?: ApiSelectOption[];
-};
-export type ApiTransferProps = {
-    value?: string[];
-    api?: Api<TransferItem>;
-    params?: Record<string, any>;
-    dataSource?: TransferItem[];
-    immediate?: boolean;
-    alwaysLoad?: boolean;
-    afterFetch?: () => void;
-    resultField?: string;
-    labelField?: string;
-    valueField?: string;
-    showSearch?: boolean;
-    disabled?: boolean;
-    filterOption?: (inputValue: string, item: TransferItem) => boolean;
-    selectedKeys?: string[];
-    showSelectAll?: boolean;
-    targetKeys?: string[];
-};
-export type ApiTreeProps = {
-    api?: Api<DataNode>;
-    params?: Record<string, any>;
-    immediate?: boolean;
-    resultField?: string;
-    afterFetch?: (...args: any[]) => Promise<any> | any;
-    value?: TreeProps['selectedKeys'];
-};
-export type ApiTreeSelectProps = {
-    api?: Api<Record<string, any>>;
-    params?: Record<string, any>;
-    immediate?: boolean;
-    async?: boolean;
-    resultField?: string;
-    labelField?: string;
-    valueField?: string;
-    childrenField?: string;
-};
-export type FormActionProps = {
-    showActionButtonGroup?: boolean;
-    showResetButton?: boolean;
-    showSubmitButton?: boolean;
-    showAdvancedButton?: boolean;
-    resetButtonOptions?: ButtonProps;
-    submitButtonOptions?: ButtonProps;
-    actionColOptions?: Partial<ColEx>;
-    actionSpan?: number;
-    isAdvanced?: boolean;
-    hideAdvanceBtn?: boolean;
-};
-export type RadioButtonOptionsItem = {
-    label: string;
-    value: string | number | boolean;
-    disabled?: boolean;
-};
-type RadioItem = string | RadioButtonOptionsItem;
-export interface RadioButtonGroupProps extends RadioGroupProps {
-    value?: string | number | boolean;
-    options?: RadioItem[];
-}
-export {};

package/es/src/pro-form/components/interface.mjs

@@ -1 +0,0 @@
-

package/es/src/pro-form/components/radio-button-group.vue.d.ts

@@ -1,27 +0,0 @@
-import { RadioButtonGroupProps, RadioButtonOptionsItem } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<RadioButtonGroupProps>, {
-    options: () => never[];
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<RadioButtonGroupProps>, {
-    options: () => never[];
-}>>>, {
-    options: (string | RadioButtonOptionsItem)[];
-}, {}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-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;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/es/src/pro-form/components/radio-button-group.vue.mjs

@@ -1,58 +0,0 @@
-import { defineComponent as f, ref as v, computed as g, openBlock as l, createBlock as i, unref as o, mergeProps as b, isRef as y, withCtx as s, createElementBlock as k, Fragment as B, renderList as C, createTextVNode as S, toDisplayString as _ } from "vue";
-import { Radio as p } from "ant-design-vue";
-import { useRuleFormItem as h } from "../hooks/use-form-item.mjs";
-import { isType as x } from "@fruits-chain/utils";
-import { omit as R } from "lodash-unified";
-const U = /* @__PURE__ */ f({
-  name: "RadioButtonGroup",
-  inheritAttrs: !1,
-  __name: "radio-button-group",
-  props: {
-    value: { type: [String, Number, Boolean] },
-    options: { default: () => [] },
-    prefixCls: {},
-    size: {},
-    disabled: { type: Boolean },
-    name: {},
-    buttonStyle: {},
-    id: {},
-    optionType: {},
-    onChange: {},
-    "onUpdate:value": {}
-  },
-  setup(d) {
-    const n = d, u = v([]), [r] = h(n, "value", "change", u), m = g(() => {
-      const { options: t } = n;
-      return !t || (t == null ? void 0 : t.length) === 0 ? [] : t.some((e) => x("String")(e)) ? t.map((e) => ({
-        label: e,
-        value: e
-      })) : t;
-    });
-    function c(...t) {
-      u.value = t;
-    }
-    return (t, a) => (l(), i(o(p).Group, b(o(R)(n, ["value", "options"]), {
-      value: o(r),
-      "onUpdate:value": a[0] || (a[0] = (e) => y(r) ? r.value = e : null),
-      "button-style": "solid"
-    }), {
-      default: s(() => [
-        (l(!0), k(B, null, C(m.value, (e) => (l(), i(o(p).Button, {
-          key: `${e.value}`,
-          value: e.value,
-          disabled: e.disabled,
-          onClick: (A) => c(e)
-        }, {
-          default: s(() => [
-            S(_(e.label), 1)
-          ]),
-          _: 2
-        }, 1032, ["value", "disabled", "onClick"]))), 128))
-      ]),
-      _: 1
-    }, 16, ["value"]));
-  }
-});
-export {
-  U as default
-};

package/es/src/pro-form/components/radio-button-group.vue2.mjs

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

package/es/src/pro-form/components/style/form-action.css

@@ -1,6 +0,0 @@
-.aplus-form-action__button--space {
-  margin-right: 0.5rem;
-}
-.aplus-form-action__item--space {
-  margin-left: 0.25rem;
-}

package/es/src/pro-form/components/style/form-item.css

@@ -1,16 +0,0 @@
-.aplus-form-item-text-secondary {
-  color: rgba(0, 0, 0, 0.45);
-}
-.aplus-form-item-label-help {
-  margin-inline: 0.25rem;
-}
-.aplus-form-item-suffix-item .ant-form-item-children {
-  display: flex;
-}
-.aplus-form-item-suffix {
-  display: inline-flex;
-  align-items: center;
-  margin-top: 1px;
-  padding-left: 6px;
-  line-height: 1;
-}

package/es/src/pro-form/helper.d.ts

@@ -1,11 +0,0 @@
-import { Translator } from '../config-provider';
-import { ComponentType } from './types';
-import { Rule as ValidationRule } from 'ant-design-vue/lib/form/interface';
-export declare const simpleComponents: string[];
-export declare function isIncludeSimpleComponents(component?: ComponentType): boolean;
-export declare function setComponentRuleType(rule: ValidationRule, component: ComponentType, valueFormat: string): void;
-export declare const NO_AUTO_LINK_COMPONENTS: ComponentType[];
-export declare function createPlaceholderMessage(component: ComponentType, _: string | undefined, t: Translator): string;
-export declare const dateItemType: string[];
-export declare const defaultValueComponents: string[];
-export declare function handleInputNumberValue(component?: ComponentType, val?: any): any;

package/es/src/pro-form/helper.mjs

@@ -1,47 +0,0 @@
-import { isNumber as t } from "lodash-unified";
-const n = ["Divider", "BasicTitle"];
-function p(e) {
-  return n.includes(e || "");
-}
-function a(e, i, r) {
-  Reflect.has(e, "type") || (["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"].includes(
-    i
-  ) ? e.type = r ? "string" : "object" : ["RangePicker", "Upload", "CheckboxGroup", "TimePicker"].includes(i) ? e.type = "array" : ["InputNumber"].includes(i) && (e.type = "number"));
-}
-const d = [
-  "ApiTransfer",
-  "ApiTree",
-  "ApiTreeSelect",
-  "ApiRadioGroup",
-  "ApiCascader",
-  "AutoComplete",
-  "RadioButtonGroup",
-  "ApiSelect"
-];
-function l(e, i = "", r) {
-  return e.includes("Input") || e.includes("Complete") ? r("ap.common.inputText") : e.includes("Picker") || e.includes("Select") || e.includes("Cascader") || e.includes("Checkbox") || e.includes("Radio") || e.includes("Switch") ? r("ap.common.chooseText") : "";
-}
-const u = ["DatePicker", "MonthPicker", "WeekPicker", "TimePicker"];
-function c() {
-  return [...u, "RangePicker"];
-}
-const f = c(), s = [
-  "Input",
-  "InputPassword",
-  "InputNumber",
-  "InputSearch",
-  "InputTextArea"
-];
-function T(e, i) {
-  return e && s.includes(e) && i && t(i) ? `${i}` : i;
-}
-export {
-  d as NO_AUTO_LINK_COMPONENTS,
-  l as createPlaceholderMessage,
-  f as dateItemType,
-  s as defaultValueComponents,
-  T as handleInputNumberValue,
-  p as isIncludeSimpleComponents,
-  a as setComponentRuleType,
-  n as simpleComponents
-};

package/es/src/pro-form/hooks/use-advanced.d.ts

@@ -1,17 +0,0 @@
-import { AdvanceState } from '../types';
-import { ComputedRef, Ref, ShallowReactive } from 'vue';
-import { ProFormProps, FormSchemaInner as FormSchema } from '../types/form';
-import { EmitType, Recordable } from '../../type';
-interface UseAdvancedContext {
-    advanceState: AdvanceState;
-    emit: EmitType;
-    getProps: ComputedRef<ProFormProps>;
-    getSchema: ComputedRef<FormSchema[]>;
-    formModel: Recordable;
-    defaultValueRef: Ref<Recordable>;
-}
-export default function ({ advanceState, emit, getProps, getSchema, formModel, defaultValueRef }: UseAdvancedContext): {
-    handleToggleAdvanced: () => void;
-    fieldsIsAdvancedMap: ShallowReactive<Recordable>;
-};
-export {};