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

package/es/src/pro-form/table-form.vue.mjs

@@ -0,0 +1,41 @@
+import { defineComponent as u, ref as m, computed as f, unref as r, openBlock as p, createElementBlock as v, createVNode as n, withCtx as _, mergeProps as F } from "vue";
+import "./table-form-inner.vue2.mjs";
+import { Form as b } from "ant-design-vue";
+import { useAttrs as y } from "@aplus-frontend/hooks";
+import B from "./table-form-inner.vue.mjs";
+const P = /* @__PURE__ */ u({
+  __name: "table-form",
+  props: {
+    columns: {},
+    dataSource: {},
+    disabled: { type: Boolean, default: !1 },
+    actions: { type: Function, default: () => [] },
+    editableFunc: {},
+    bordered: { type: Boolean, default: !0 }
+  },
+  setup(l, { expose: s }) {
+    const i = y(), c = l, t = m(), d = f(() => Object.assign({ ...c, ...r(i) }));
+    return s({ validate: async () => {
+      var e;
+      return await ((e = t.value) == null ? void 0 : e.validate());
+    }, validateFields: async (e, o = {}) => {
+      var a;
+      return await ((a = t.value) == null ? void 0 : a.validateFields(e, o));
+    } }), (e, o) => (p(), v("div", null, [
+      n(r(b), {
+        ref_key: "formRef",
+        ref: t,
+        model: e.dataSource,
+        scrollToFirstError: !0
+      }, {
+        default: _(() => [
+          n(B, F({ actions: e.actions }, d.value), null, 16, ["actions"])
+        ]),
+        _: 1
+      }, 8, ["model"])
+    ]));
+  }
+});
+export {
+  P as default
+};

package/es/src/pro-form/table-form.vue2.mjs

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

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

@@ -136,7 +136,7 @@ export interface SlotFormSchema extends BaseFormSchema {
     slot: string;
 }
 type ComponentFormSchemaType<T extends ComponentType = ComponentType, E = any> = ComponentFormSchema<T, E>;
-export type FormSchema<ExtraComponentRecordsTypes = any> = ComponentFormSchemaType<ComponentType, ExtraComponentRecordsTypes> | SlotFormSchema;
+export type FormSchema<ExtraComponentRecordsTypes = {}> = ComponentFormSchemaType<ComponentType, ExtraComponentRecordsTypes> | SlotFormSchema;
 export type FormSchemaInner = Partial<ComponentFormSchema<ComponentType, {}>> & Partial<SlotFormSchema> & BaseFormSchema;
 export declare function isSlotFormSchema(schema: FormSchemaInner): schema is SlotFormSchema;
 export declare function isComponentFormSchema(schema: FormSchemaInner): schema is ComponentFormSchema;

package/es/src/pro-form/types/table-form.d.ts

@@ -0,0 +1,37 @@
+import { FormSchema } from './form';
+import { ComponentType } from './';
+import { Rule } from 'ant-design-vue/es/form';
+import { GroupActionTypes } from '../../ap-action';
+import { ColumnProps } from 'ant-design-vue/es/table';
+
+export type Recordable = {
+    [key: string]: any;
+};
+export type EditAblePorps<T> = {
+    editProps?: Omit<FormSchema<T>, 'field' | 'component' | 'rules'> & {
+        style?: string;
+        field?: string;
+        component: ComponentType | keyof T;
+        rules?: Rule[] | ((values: Recordable) => Rule[]);
+    };
+    helpMessage?: string;
+    ifShow?: (record: Recordable) => boolean;
+};
+export interface EditColumn<T = any> extends ColumnProps<Recordable>, EditAblePorps<T> {
+}
+export type tableChangeParams = {
+    record: Recordable;
+    index: number;
+    dataIndex: string;
+};
+export type TableActionTypes = (record: Recordable, index: number) => GroupActionTypes[];
+export type ProTableFormInnerProps = {
+    columns: EditColumn[];
+    dataSource: Array<Recordable>;
+    disabled?: boolean;
+    dataPath?: Array<string>;
+    actions?: TableActionTypes;
+    editableFunc?: (column: EditColumn, record: Recordable) => boolean;
+    bordered?: boolean;
+};
+export type ProTableFormProps = Omit<ProTableFormInnerProps, 'dataPath'>;

package/es/src/pro-form/types/table-form.mjs

@@ -0,0 +1 @@
+

package/es/src/pro-table/hooks/use-data-source.mjs

@@ -1,25 +1,25 @@
-import { unref as r, reactive as ue, ref as Y, watchEffect as ie, watch as fe, computed as E, onMounted as se } from "vue";
+import { unref as r, reactive as ie, ref as Y, watchEffect as Z, watch as fe, computed as E, onMounted as se } from "vue";
 import { useTimeoutFn as he } from "@vueuse/core";
-import { buildUUID as Z } from "../../utils/uuid.mjs";
-import { isFunction as b, cloneDeep as de, isObject as ge, isBoolean as q, merge as me, get as x } from "lodash-unified";
+import { buildUUID as q } from "../../utils/uuid.mjs";
+import { isFunction as b, cloneDeep as de, isObject as ge, isBoolean as x, merge as me, get as J } from "lodash-unified";
 import { ROW_KEY as d } from "../const.mjs";
-import { parseRowKeyValue as J } from "../helper.mjs";
+import { parseRowKeyValue as Q } from "../helper.mjs";
 import "../../config-provider/index.mjs";
 import { useGlobalConfig as ve } from "../../config-provider/hooks/use-global-config.mjs";
 function Ae(u, {
   getPaginationInfo: R,
   setPagination: g,
   setLoading: O,
-  getFieldsValue: Q,
-  clearSelectedRowKeys: V,
-  tableData: X
+  getFieldsValue: V,
+  clearSelectedRowKeys: X,
+  tableData: $
 }, _) {
-  const z = ve(), $ = r(z).table.fetchSetting, L = r(z).table.defaultPageSize, A = ue({
+  const z = ve(), L = r(z).table.fetchSetting, P = r(z).table.defaultPageSize, A = ie({
     sortInfo: {},
     filterInfo: {}
   }), n = Y([]), G = Y({});
-  ie(() => {
-    X.value = r(n);
+  Z(() => {
+    $.value = r(n);
   }), fe(
     () => r(u).dataSource,
     () => {
@@ -30,9 +30,9 @@ function Ae(u, {
       immediate: !0
     }
   );
-  function P(e, t, a) {
+  function k(e, t, a) {
     const { clearSelectOnPageChange: c, sortFn: o, filterFn: i } = r(u);
-    c && V(), g(e);
+    c && X(), g(e);
     const l = {};
     if (a && b(o)) {
       const f = o(a);
@@ -46,31 +46,30 @@ function Ae(u, {
   }
   function N(e) {
     !e || !Array.isArray(e) || e.forEach((t) => {
-      t[d] || (t[d] = Z()), t.children && t.children.length && N(t.children);
+      t[d] || (t[d] = q()), t.children && t.children.length && N(t.children);
     });
   }
   const K = E(() => r(u).autoCreateKey && !r(u).rowKey), C = E(() => {
     const { rowKey: e } = r(u);
     return r(K) ? d : e;
-  }), j = E(() => {
+  });
+  Z(() => {
     const e = r(n);
-    if (!e || e.length === 0)
-      return r(n);
-    if (r(K)) {
+    if (!(!e || e.length === 0) && r(K)) {
       const t = e[0], a = e[e.length - 1];
       if (t && a && (!t[d] || !a[d])) {
         const c = de(r(n));
         c.forEach((o) => {
-          o[d] || (o[d] = Z()), o.children && o.children.length && N(o.children);
+          o[d] || (o[d] = q()), o.children && o.children.length && N(o.children);
         }), n.value = c;
       }
     }
-    return r(n);
   });
-  async function k(e, t, a) {
+  const j = E(() => r(n));
+  async function p(e, t, a) {
     return n.value[e] && (n.value[e][t] = a), n.value[e];
   }
-  function p(e, t) {
+  function ee(e, t) {
     const a = M(e);
     if (a) {
       for (const c in a)
@@ -78,7 +77,7 @@ function Ae(u, {
       return a;
     }
   }
-  function ee(e) {
+  function te(e) {
     var c;
     if (!n.value || n.value.length == 0)
       return;
@@ -94,7 +93,7 @@ function Ae(u, {
           return null;
         for (let v = 0; v < s.length; v++) {
           const y = s[v];
-          if (J(r(C), y) === m)
+          if (Q(r(C), y) === m)
             return { index: v, data: s };
           if (((T = y.children) == null ? void 0 : T.length) > 0) {
             const h = f(y.children, m);
@@ -111,7 +110,7 @@ function Ae(u, {
       total: (c = r(u).dataSource) == null ? void 0 : c.length
     });
   }
-  function te(e, t) {
+  function re(e, t) {
     var c;
     t = t ?? ((c = n.value) == null ? void 0 : c.length);
     const a = ge(e) ? [e] : e;
@@ -124,7 +123,7 @@ function Ae(u, {
     return ((c) => {
       let o;
       return c.some(function i(l) {
-        return J(r(C), l) === e ? (o = l, !0) : l[t] && l[t].some(i);
+        return Q(r(C), l) === e ? (o = l, !0) : l[t] && l[t].some(i);
       }), o;
     })(n.value);
   }
@@ -144,23 +143,23 @@ function Ae(u, {
         O(!0);
         const { pageField: m, sizeField: T, listField: v, totalField: y } = Object.assign(
           {},
-          $,
+          L,
           o
         );
         let h = {};
-        const { current: U = 1, pageSize: B = L } = r(
+        const { current: U = 1, pageSize: B = P } = r(
           R
         );
-        q(s) && !s || q(R) ? h = {} : (h[m] = e && e.page || U, h[T] = B);
-        const { sortInfo: oe = {}, filterInfo: le } = A;
+        x(s) && !s || x(R) ? h = {} : (h[m] = e && e.page || U, h[T] = B);
+        const { sortInfo: le = {}, filterInfo: ue } = A;
         let D = me(
           h,
-          f ? Q() : {},
+          f ? V() : {},
           a,
           (e == null ? void 0 : e.searchInfo) ?? {},
           c,
-          oe,
           le,
+          ue,
           (e == null ? void 0 : e.sortInfo) ?? {},
           (e == null ? void 0 : e.filterInfo) ?? {}
         );
@@ -168,8 +167,8 @@ function Ae(u, {
         const S = await t(D);
         G.value = S;
         const H = Array.isArray(S);
-        let w = H ? S : x(S, v);
-        const F = H ? S.length : x(S, y);
+        let w = H ? S : J(S, v);
+        const F = H ? S.length : J(S, y);
         if (Number(F)) {
           const W = Math.ceil(F / B);
           if (U > W)
@@ -193,16 +192,16 @@ function Ae(u, {
         O(!1);
       }
   }
-  function re(e) {
+  function ne(e) {
     n.value = e;
   }
-  function ne() {
+  function ae() {
     return j.value;
   }
-  function ae() {
+  function ce() {
     return G.value;
   }
-  async function ce(e) {
+  async function oe(e) {
     return await I(e);
   }
   return se(() => {
@@ -211,19 +210,19 @@ function Ae(u, {
     }, 16);
   }), {
     getDataSourceRef: j,
-    getDataSource: ne,
-    getRawDataSource: ae,
+    getDataSource: ae,
+    getRawDataSource: ce,
     getRowKey: C,
-    setTableData: re,
+    setTableData: ne,
     getAutoCreateKey: K,
     fetch: I,
-    reload: ce,
-    updateTableData: k,
-    updateTableDataRecord: p,
-    deleteTableDataRecord: ee,
-    insertTableDataRecord: te,
+    reload: oe,
+    updateTableData: p,
+    updateTableDataRecord: ee,
+    deleteTableDataRecord: te,
+    insertTableDataRecord: re,
     findTableDataRecord: M,
-    handleTableChange: P
+    handleTableChange: k
   };
 }
 export {

package/es/src/prompt/utils.d.ts

@@ -7,5 +7,5 @@ interface GenFormSchemasOptions {
     inputType?: InputType;
     defaultValue?: string | number;
 }
-export declare function genFormSchemas({ label, required, inputType, defaultValue }: GenFormSchemasOptions): ComponentFormSchema<keyof ComponentProps, any>[];
+export declare function genFormSchemas({ label, required, inputType, defaultValue }: GenFormSchemasOptions): ComponentFormSchema<keyof ComponentProps, {}>[];
 export {};

package/es/src/scroll-bar/index.d.ts

@@ -3,13 +3,13 @@ import { StyleValue } from '../type';
 export * from './interface';
 export declare const Scrollbar: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        native: {
-            type: PropType<boolean>;
-        };
         scrollHeight: {
             type: PropType<number>;
             default: number;
         };
+        native: {
+            type: PropType<boolean>;
+        };
         wrapStyle: {
             type: PropType<StyleValue>;
             default: string;
@@ -36,13 +36,13 @@ export declare const Scrollbar: {
     }>>, {
         wrap: Ref<any>;
     }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        native: {
-            type: PropType<boolean>;
-        };
         scrollHeight: {
             type: PropType<number>;
             default: number;
         };
+        native: {
+            type: PropType<boolean>;
+        };
         wrapStyle: {
             type: PropType<StyleValue>;
             default: string;
@@ -81,13 +81,13 @@ export declare const Scrollbar: {
         M: {};
         Defaults: {};
     }, Readonly< ExtractPropTypes<{
-        native: {
-            type: PropType<boolean>;
-        };
         scrollHeight: {
             type: PropType<number>;
             default: number;
         };
+        native: {
+            type: PropType<boolean>;
+        };
         wrapStyle: {
             type: PropType<StyleValue>;
             default: string;
@@ -125,13 +125,13 @@ export declare const Scrollbar: {
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    native: {
-        type: PropType<boolean>;
-    };
     scrollHeight: {
         type: PropType<number>;
         default: number;
     };
+    native: {
+        type: PropType<boolean>;
+    };
     wrapStyle: {
         type: PropType<StyleValue>;
         default: string;

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,27 @@
+.ant-btn {
+  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;
+}

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;
+}