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

package/lib/src/pro-table/hooks/use-data-source.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),ue=require("@vueuse/core"),N=require("../../utils/uuid.js"),l=require("lodash-unified"),g=require("../const.js"),B=require("../helper.js");require("../../config-provider/index.js");const ae=require("../../config-provider/hooks/use-global-config.js");function ce(f,{getPaginationInfo:O,setPagination:S,setLoading:_,getFieldsValue:H,clearSelectedRowKeys:V,tableData:Z},A){const C=ae.useGlobalConfig(),J=n.unref(C).table.fetchSetting,P=n.unref(C).table.defaultPageSize,E=n.reactive({sortInfo:{},filterInfo:{}}),t=n.ref([]),q=n.ref({});n.watchEffect(()=>{Z.value=n.unref(t)}),n.watch(()=>n.unref(f).dataSource,()=>{const{dataSource:e,api:r}=n.unref(f);!r&&e&&(t.value=e)},{immediate:!0});function Q(e,r,u){const{clearSelectOnPageChange:a,sortFn:c,filterFn:i}=n.unref(f);a&&V(),S(e);const o={};if(u&&l.isFunction(c)){const s=c(u);E.sortInfo=s,o.sortInfo=s}if(r&&l.isFunction(i)){const s=i(r);E.filterInfo=s,o.filterInfo=s}I(o)}function W(e){!e||!Array.isArray(e)||e.forEach(r=>{r[g.ROW_KEY]||(r[g.ROW_KEY]=N.buildUUID()),r.children&&r.children.length&&W(r.children)})}const R=n.computed(()=>n.unref(f).autoCreateKey&&!n.unref(f).rowKey),m=n.computed(()=>{const{rowKey:e}=n.unref(f);return n.unref(R)?g.ROW_KEY:e}),Y=n.computed(()=>{const e=n.unref(t);if(!e||e.length===0)return n.unref(t);if(n.unref(R)){const r=e[0],u=e[e.length-1];if(r&&u&&(!r[g.ROW_KEY]||!u[g.ROW_KEY])){const a=l.cloneDeep(n.unref(t));a.forEach(c=>{c[g.ROW_KEY]||(c[g.ROW_KEY]=N.buildUUID()),c.children&&c.children.length&&W(c.children)}),t.value=a}}return n.unref(t)});async function X(e,r,u){return t.value[e]&&(t.value[e][r]=u),t.value[e]}function $(e,r){const u=U(e);if(u){for(const a in u)Reflect.has(r,a)&&(u[a]=r[a]);return u}}function x(e){var a;if(!t.value||t.value.length==0)return;const r=Array.isArray(e)?e:[e];function u(c,i){const o=s(c,i);if(o===null||o.index===-1)return;o.data.splice(o.index,1);function s(d,v){var K;if(d==null)return null;for(let b=0;b<d.length;b++){const F=d[b];if(B.parseRowKeyValue(n.unref(m),F)===v)return{index:b,data:d};if(((K=F.children)==null?void 0:K.length)>0){const h=s(F.children,v);if(h!=null)return h}}return null}}for(const c of r)u(t.value,c),u(n.unref(f).dataSource,c);S({total:(a=n.unref(f).dataSource)==null?void 0:a.length})}function L(e,r){var a;r=r??((a=t.value)==null?void 0:a.length);const u=l.isObject(e)?[e]:e;return n.unref(t).splice(r,0,...u),n.unref(t)}function U(e){if(!t.value||t.value.length==0)return;const{childrenColumnName:r="children"}=n.unref(f);return(a=>{let c;return a.some(function i(o){return B.parseRowKeyValue(n.unref(m),o)===e?(c=o,!0):o[r]&&o[r].some(i)}),c})(t.value)}async function I(e){const{api:r,searchInfo:u,defSort:a,fetchSetting:c,beforeFetch:i,afterFetch:o,useSearchForm:s,pagination:d}=n.unref(f);if(!(!r||!l.isFunction(r)))try{_(!0);const{pageField:v,sizeField:K,listField:b,totalField:F}=Object.assign({},J,c);let h={};const{current:G=1,pageSize:j=P}=n.unref(O);l.isBoolean(d)&&!d||l.isBoolean(O)?h={}:(h[v]=e&&e.page||G,h[K]=j);const{sortInfo:re={},filterInfo:te}=E;let D=l.merge(h,s?H():{},u,(e==null?void 0:e.searchInfo)??{},a,re,te,(e==null?void 0:e.sortInfo)??{},(e==null?void 0:e.filterInfo)??{});i&&l.isFunction(i)&&(D=await i(D)||D);const w=await r(D);q.value=w;const z=Array.isArray(w);let y=z?w:l.get(w,b);const T=z?w.length:l.get(w,F);if(Number(T)){const M=Math.ceil(T/j);if(G>M)return S({current:M}),await I(e)}return o&&l.isFunction(o)&&(y=await o(y)||y),t.value=y,S({total:T||0}),e&&e.page&&S({current:e.page||1}),A("fetch-success",{items:n.unref(y),total:T}),y}catch(v){A("fetch-error",v),t.value=[],S({total:0})}finally{_(!1)}}function k(e){t.value=e}function p(){return Y.value}function ee(){return q.value}async function ne(e){return await I(e)}return n.onMounted(()=>{ue.useTimeoutFn(()=>{n.unref(f).immediate&&I()},16)}),{getDataSourceRef:Y,getDataSource:p,getRawDataSource:ee,getRowKey:m,setTableData:k,getAutoCreateKey:R,fetch:I,reload:ne,updateTableData:X,updateTableDataRecord:$,deleteTableDataRecord:x,insertTableDataRecord:L,findTableDataRecord:U,handleTableChange:Q}}exports.useDataSource=ce;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),ue=require("@vueuse/core"),N=require("../../utils/uuid.js"),l=require("lodash-unified"),g=require("../const.js"),B=require("../helper.js");require("../../config-provider/index.js");const ae=require("../../config-provider/hooks/use-global-config.js");function ce(f,{getPaginationInfo:O,setPagination:S,setLoading:_,getFieldsValue:H,clearSelectedRowKeys:V,tableData:Z},A){const C=ae.useGlobalConfig(),J=n.unref(C).table.fetchSetting,P=n.unref(C).table.defaultPageSize,T=n.reactive({sortInfo:{},filterInfo:{}}),t=n.ref([]),q=n.ref({});n.watchEffect(()=>{Z.value=n.unref(t)}),n.watch(()=>n.unref(f).dataSource,()=>{const{dataSource:e,api:r}=n.unref(f);!r&&e&&(t.value=e)},{immediate:!0});function Q(e,r,u){const{clearSelectOnPageChange:a,sortFn:c,filterFn:i}=n.unref(f);a&&V(),S(e);const o={};if(u&&l.isFunction(c)){const s=c(u);T.sortInfo=s,o.sortInfo=s}if(r&&l.isFunction(i)){const s=i(r);T.filterInfo=s,o.filterInfo=s}I(o)}function W(e){!e||!Array.isArray(e)||e.forEach(r=>{r[g.ROW_KEY]||(r[g.ROW_KEY]=N.buildUUID()),r.children&&r.children.length&&W(r.children)})}const R=n.computed(()=>n.unref(f).autoCreateKey&&!n.unref(f).rowKey),m=n.computed(()=>{const{rowKey:e}=n.unref(f);return n.unref(R)?g.ROW_KEY:e});n.watchEffect(()=>{const e=n.unref(t);if(!(!e||e.length===0)&&n.unref(R)){const r=e[0],u=e[e.length-1];if(r&&u&&(!r[g.ROW_KEY]||!u[g.ROW_KEY])){const a=l.cloneDeep(n.unref(t));a.forEach(c=>{c[g.ROW_KEY]||(c[g.ROW_KEY]=N.buildUUID()),c.children&&c.children.length&&W(c.children)}),t.value=a}}});const Y=n.computed(()=>n.unref(t));async function X(e,r,u){return t.value[e]&&(t.value[e][r]=u),t.value[e]}function $(e,r){const u=U(e);if(u){for(const a in u)Reflect.has(r,a)&&(u[a]=r[a]);return u}}function x(e){var a;if(!t.value||t.value.length==0)return;const r=Array.isArray(e)?e:[e];function u(c,i){const o=s(c,i);if(o===null||o.index===-1)return;o.data.splice(o.index,1);function s(d,v){var K;if(d==null)return null;for(let w=0;w<d.length;w++){const F=d[w];if(B.parseRowKeyValue(n.unref(m),F)===v)return{index:w,data:d};if(((K=F.children)==null?void 0:K.length)>0){const h=s(F.children,v);if(h!=null)return h}}return null}}for(const c of r)u(t.value,c),u(n.unref(f).dataSource,c);S({total:(a=n.unref(f).dataSource)==null?void 0:a.length})}function L(e,r){var a;r=r??((a=t.value)==null?void 0:a.length);const u=l.isObject(e)?[e]:e;return n.unref(t).splice(r,0,...u),n.unref(t)}function U(e){if(!t.value||t.value.length==0)return;const{childrenColumnName:r="children"}=n.unref(f);return(a=>{let c;return a.some(function i(o){return B.parseRowKeyValue(n.unref(m),o)===e?(c=o,!0):o[r]&&o[r].some(i)}),c})(t.value)}async function I(e){const{api:r,searchInfo:u,defSort:a,fetchSetting:c,beforeFetch:i,afterFetch:o,useSearchForm:s,pagination:d}=n.unref(f);if(!(!r||!l.isFunction(r)))try{_(!0);const{pageField:v,sizeField:K,listField:w,totalField:F}=Object.assign({},J,c);let h={};const{current:G=1,pageSize:j=P}=n.unref(O);l.isBoolean(d)&&!d||l.isBoolean(O)?h={}:(h[v]=e&&e.page||G,h[K]=j);const{sortInfo:re={},filterInfo:te}=T;let D=l.merge(h,s?H():{},u,(e==null?void 0:e.searchInfo)??{},a,re,te,(e==null?void 0:e.sortInfo)??{},(e==null?void 0:e.filterInfo)??{});i&&l.isFunction(i)&&(D=await i(D)||D);const b=await r(D);q.value=b;const z=Array.isArray(b);let y=z?b:l.get(b,w);const E=z?b.length:l.get(b,F);if(Number(E)){const M=Math.ceil(E/j);if(G>M)return S({current:M}),await I(e)}return o&&l.isFunction(o)&&(y=await o(y)||y),t.value=y,S({total:E||0}),e&&e.page&&S({current:e.page||1}),A("fetch-success",{items:n.unref(y),total:E}),y}catch(v){A("fetch-error",v),t.value=[],S({total:0})}finally{_(!1)}}function k(e){t.value=e}function p(){return Y.value}function ee(){return q.value}async function ne(e){return await I(e)}return n.onMounted(()=>{ue.useTimeoutFn(()=>{n.unref(f).immediate&&I()},16)}),{getDataSourceRef:Y,getDataSource:p,getRawDataSource:ee,getRowKey:m,setTableData:k,getAutoCreateKey:R,fetch:I,reload:ne,updateTableData:X,updateTableDataRecord:$,deleteTableDataRecord:x,insertTableDataRecord:L,findTableDataRecord:U,handleTableChange:Q}}exports.useDataSource=ce;

package/lib/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/lib/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/lib/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/lib/src/theme/antd-global-overwrite/admin/button.css

@@ -0,0 +1,38 @@
+.ant-btn {
+  min-width: 88px;
+  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;
+}
+.ant-form-item-control-input-content [text='重置'],
+.ant-form-item-control-input-content [text='查询'],
+.ant-form-item-control-input-content [text='Reset'],
+.ant-form-item-control-input-content [text='Search'] {
+  min-width: 0;
+}
+.ant-btn-link,
+.ant-btn-text {
+  min-width: 0;
+}

package/lib/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;
+}