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

package/lib/src/ap-custom-column/custom-column.vue.d.ts

@@ -0,0 +1,18 @@
+import { CustomColumnProps, FieldInfo } from './interfaces';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<CustomColumnProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:columns": (list: FieldInfo[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<CustomColumnProps>>> & {
+    "onUpdate:columns"?: ((list: FieldInfo[]) => any) | undefined;
+}, {}, {}>;
+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;
+    };
+};

package/lib/src/ap-custom-column/custom-column.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@ant-design/icons-vue"),r=require("ant-design-vue");require("./column-select.vue2.js");require("./styles/custom-column.css");require("../config-provider/index.js");const y=require("../config-provider/hooks/use-global-config.js"),q=require("../config-provider/hooks/use-namespace.js"),w=require("./column-select.vue.js"),x=e.defineComponent({__name:"custom-column",props:{columns:{},baseContainerSelector:{},fullContentSelector:{}},emits:["update:columns"],setup(d,{emit:m}){const p=y.useGlobalConfig("uiMode"),{b:f,e:C}=q.useNamespace(p.value==="aplus"?"custom-column":"custom-column-admin"),{baseContainerSelector:s,columns:N,fullContentSelector:_}=d,h=m,g=t=>{h("update:columns",t)},u=e.ref(!1),n=e.ref(0),v=()=>{var t,o;if(s){const l=document.querySelector(s),c=document.querySelector(_);l?n.value=Math.max((t=l==null?void 0:l.getBoundingClientRect())==null?void 0:t.top,((o=c==null?void 0:c.getBoundingClientRect())==null?void 0:o.top)||0):n.value=0}u.value=!0},a=()=>{u.value=!1},S=e.computed(()=>window.innerHeight-n.value-57-40);return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(f)())},[e.createVNode(e.unref(r.Tooltip),null,{title:e.withCtx(()=>[e.createTextVNode("自定义表格")]),default:e.withCtx(()=>[e.createVNode(e.unref(r.Button),{style:{minWidth:"auto"},onClick:v},{icon:e.withCtx(()=>[e.createVNode(e.unref(i.SettingOutlined))]),_:1})]),_:1}),e.createVNode(e.unref(r.Drawer),{open:u.value,width:280,title:"自定义表格",closable:!1,contentWrapperStyle:{top:`${n.value}px`},bodyStyle:{overflow:"hidden",padding:"20px"},mask:!0,"root-class-name":e.unref(C)("drawer"),onClose:a},{extra:e.withCtx(()=>[e.createVNode(e.unref(i.CloseOutlined),{onClick:a})]),default:e.withCtx(()=>[e.createVNode(w.default,{style:e.normalizeStyle({height:`${S.value}px`}),columns:t.columns,onUpdateColumns:g},null,8,["style","columns"])]),_:1},8,["open","contentWrapperStyle","root-class-name"])],2))}});exports.default=x;

package/lib/src/ap-custom-column/custom-column.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./custom-column.vue.js");exports.default=e.default;

package/lib/src/ap-custom-column/index.d.ts

@@ -0,0 +1,7 @@
+import { default as ApCustomColumn } from './custom-column.vue';
+import { default as ApCustomSelect } from './column-select.vue';
+
+export * from './interfaces';
+export * from './utils';
+export * from './useCacheColumnSetting';
+export { ApCustomColumn, ApCustomSelect };

package/lib/src/ap-custom-column/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("./custom-column.vue2.js");require("./column-select.vue2.js");require("./interfaces.js");const e=require("./utils.js"),t=require("./useCacheColumnSetting.js");exports.generateTableList=e.generateTableList;exports.useCacheColumnSetting=t.useCacheColumnSetting;

package/lib/src/ap-custom-column/interfaces.d.ts

@@ -0,0 +1,41 @@
+import { BasicColumn } from 'src/pro-table';
+
+/**
+ * 自定义列的字段信息
+ */
+export interface FieldInfo {
+    order?: number;
+    fixed?: 'left' | 'right' | null;
+    selected: boolean;
+    disabled: boolean;
+    dataIndex: string;
+    title: string;
+}
+/**
+ * 自定义列表组件 Props
+ */
+export interface CustomColumnProps {
+    columns: FieldInfo[];
+    /**
+     * 抽屉打开高度的基准 querySelector
+     */
+    baseContainerSelector?: string;
+    /**
+     * 当 `baseContainerSelector`因滚动隐藏时，需要固定位置的 `querySelector`
+     */
+    fullContentSelector?: string;
+}
+/**
+ * column select 的 props
+ */
+export interface ColumnSelectProps {
+    columns: FieldInfo[];
+}
+/**
+ * 生成 filedInfoList 函数的参数
+ */
+export interface GenerateTableInfo {
+    list: BasicColumn[];
+    fixedKeys?: string[];
+    defaultSelect?: string[];
+}

package/lib/src/ap-custom-column/interfaces.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/ap-custom-column/storage.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 判断str是否是json字符串
+ * @param str
+ */
+export declare const isJSON: (str: string | null) => boolean;
+export declare function setLocalStorage(key: string, value: any): void;
+export declare function getLocalStorage(key: string, defaultValue?: null): any;
+export declare function removeLocalStorage(key: string): void;

package/lib/src/ap-custom-column/storage.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=t=>{if(typeof t=="string")try{const e=JSON.parse(t);return!!(typeof e=="object"&&e)}catch{return!1}else return!1};function a(t,e){let o="";typeof e=="object"?o=JSON.stringify(e):o=e,localStorage.setItem(t,o)}function n(t,e=null){const o=localStorage.getItem(t);let r=null;return o&&l(o)&&(r=JSON.parse(o)),r!==null?r:e}function c(t){return localStorage.removeItem(t)}exports.getLocalStorage=n;exports.isJSON=l;exports.removeLocalStorage=c;exports.setLocalStorage=a;

package/lib/src/ap-custom-column/styles/column-select.css

@@ -0,0 +1,44 @@
+.aplus-column-select-admin__des {
+  color: #999;
+  line-height: 18px;
+}
+.aplus-column-select-admin__statistics {
+  color: #666;
+}
+.aplus-column-select-admin__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select-admin__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select-admin__content .ant-checkbox-wrapper:hover {
+  background: #f5f5f5;
+}
+.aplus-column-select__des {
+  line-height: 18px;
+  color: #8896b0;
+}
+.aplus-column-select__statistics {
+  color: #526a90;
+}
+.aplus-column-select__all .ant-checkbox-wrapper {
+  padding: 0 6px;
+}
+.aplus-column-select__content {
+  flex: 1;
+  overflow-y: auto;
+}
+.aplus-column-select__content .ant-checkbox-wrapper {
+  width: 100%;
+  margin: 2px 0;
+  padding: 6px;
+}
+.aplus-column-select__content .ant-checkbox-wrapper:hover {
+  background: #f6f9fa;
+}

package/lib/src/ap-custom-column/styles/custom-column.css

@@ -0,0 +1,46 @@
+.aplus-custom-column-admin .ant-btn-default {
+  border-color: #d9d9d9;
+}
+.aplus-custom-column-admin .ant-btn-default:hover {
+  border-color: #d9d9d9;
+  background: #f5f5f5;
+}
+.aplus-custom-column-admin .ant-btn-default > .anticon {
+  color: #999;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #d9d9d9;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column-admin__drawer .ant-drawer-title {
+  color: #000;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column-admin__drawer .ant-drawer-extra .anticon {
+  color: #999;
+}
+.aplus-custom-column .ant-btn-default {
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default:hover {
+  background: #f6f9fa;
+  border-color: #dee4ed;
+}
+.aplus-custom-column .ant-btn-default > .anticon {
+  color: #8896b0;
+}
+.aplus-custom-column__drawer .ant-drawer-content-wrapper {
+  border-left: 1px solid #dee4ed;
+  box-shadow: -4px 0 12px 0 rgba(44, 54, 69, 0.1);
+}
+.aplus-custom-column__drawer .ant-drawer-title {
+  color: #182948;
+}
+.aplus-custom-column__drawer .ant-drawer-mask {
+  background: transparent;
+}
+.aplus-custom-column__drawer .ant-drawer-extra .anticon {
+  color: #8896b0;
+}

package/lib/src/ap-custom-column/useCacheColumnSetting.d.ts

@@ -0,0 +1,10 @@
+import { FieldInfo } from './interfaces';
+
+/**
+ * 获取自定义列表存储的值
+ * @returns
+ */
+export declare function useCacheColumnSetting(): {
+    set: (path: string, list: FieldInfo[]) => void;
+    get: (path: string) => FieldInfo[];
+};

package/lib/src/ap-custom-column/useCacheColumnSetting.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./storage.js");function n(){return{set:(e,o)=>{t.setLocalStorage(e,o)},get:e=>t.getLocalStorage(e)}}exports.useCacheColumnSetting=n;

package/lib/src/ap-custom-column/utils.d.ts

@@ -0,0 +1,3 @@
+import { FieldInfo, GenerateTableInfo } from './interfaces';
+
+export declare const generateTableList: (params: GenerateTableInfo) => FieldInfo[];

package/lib/src/ap-custom-column/utils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=n=>{const{list:d,fixedKeys:a,defaultSelect:t}=n;return d.map((e,r)=>({order:r,selected:t!=null&&t.length?t.includes(e.dataIndex):!0,disabled:(a==null?void 0:a.includes(e.dataIndex))||!1,dataIndex:e.dataIndex,title:e.title}))};exports.generateTableList=s;

package/lib/src/ap-download/ap-download.vue.d.ts

@@ -0,0 +1,41 @@
+import { ApDownLoadProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>>>, {
+    color: string;
+    disabled: boolean;
+    size: "small" | "middle" | "large";
+}, {}>, {
+    icon?(_: {}): any;
+}>;
+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/lib/src/ap-download/ap-download.vue.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const o=require("./hooks/index.js");require("./style/ap-download.css");const $=require("../config-provider/hooks/use-global-config.js"),_=require("../config-provider/hooks/use-namespace.js"),y={class:"icon"},v={class:"text"},N=t.defineComponent({name:"ApDownload",__name:"ap-download",props:{text:{},color:{default:"#0070FF"},size:{default:"middle"},disabled:{type:Boolean,default:!1},fileName:{},getOssAccess:{}},setup(i){const s=i,l=$.useGlobalConfig("uiMode"),{b:a,bm:n}=_.useNamespace("download");function c(e,r){e.length===4&&(e=`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);const g=parseInt(e.slice(1,3),16),w=parseInt(e.slice(3,5),16),S=parseInt(e.slice(5,7),16),b=Math.round(r*255).toString(16).padStart(2,"0");return`#${g.toString(16).padStart(2,"0")}${w.toString(16).padStart(2,"0")}${S.toString(16).padStart(2,"0")}${b}`}const d=t.computed(()=>({"--download-main-color":s.color,"--download-main-color-opacity":c(s.color,.6)})),p=t.computed(()=>[a("wrapper"),n("wrapper",s.size)].filter(Boolean)),u=t.computed(()=>{const e=[a("inner-wrapper"),n("inner-wrapper",s.size)];return s.disabled&&(l.value==="aplus"?e.push(n("inner-wrapper","disabled")):e.push(n("inner-wrapper","disabled-admin"))),e});t.onMounted(()=>{s.disabled||o.useOssInit(s.getOssAccess)});const{client:m}=o.useOss(),f=()=>{s.disabled||m.downloadFile(s.fileName)};return(e,r)=>(t.openBlock(),t.createElementBlock("span",{style:t.normalizeStyle(d.value),class:t.normalizeClass(p.value),onClick:f},[t.createElementVNode("span",{class:t.normalizeClass(u.value)},[t.createElementVNode("span",y,[t.renderSlot(e.$slots,"icon")]),t.createElementVNode("span",v,t.toDisplayString(e.text),1)],2)],6))}});exports.default=N;

package/lib/src/ap-download/ap-download.vue2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ap-download.vue.js");exports.default=e.default;

package/lib/src/ap-download/hooks/index.d.ts

@@ -0,0 +1,9 @@
+import { Oss } from '@aplus-frontend/oss';
+
+export type { Oss } from '@aplus-frontend/oss';
+export declare function useOss(): {
+    client: Oss;
+};
+export declare function useOssInit(getOssAccess: any): Promise<{
+    client: Oss;
+}>;

package/lib/src/ap-download/hooks/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/oss");function n(){return{client:e.client}}async function i(t){if(!t)throw new Error("请传入getOssAccess");return await e.client.initOssClient({getOssAccess:t,onFailure:s=>{throw new Error(typeof(s==null?void 0:s.message)=="string"?s.message:"获取oss临时权限失败")}}),n()}exports.useOss=n;exports.useOssInit=i;

package/lib/src/ap-download/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ApDownload } from './ap-download.vue';
+
+export * from './interface';
+export { ApDownload };

package/lib/src/ap-download/index.js

@@ -0,0 +1 @@
+"use strict";require("./ap-download.vue2.js");require("./interface.js");

package/lib/src/ap-download/interface.d.ts

@@ -0,0 +1,33 @@
+interface accessCreate {
+    bucket: string;
+    regionId: string;
+    endpoint: string;
+    accessKeyId: string;
+    accessKeySecret: string;
+    expiration: number;
+    extInformation: string;
+    fileProvideType: string;
+    callbackUrl: string;
+}
+export interface ApDownLoadProps {
+    /**
+     * 标签内容
+     */
+    text: string;
+    /**
+     * 标签颜色
+     */
+    color?: string;
+    /**
+     * 标签大小
+     */
+    size?: 'small' | 'middle' | 'large';
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    fileName: string;
+    getOssAccess: () => Promise<accessCreate>;
+}
+export {};

package/lib/src/ap-download/interface.js

@@ -0,0 +1 @@
+"use strict";

package/lib/src/ap-download/style/ap-download.css

@@ -0,0 +1,51 @@
+.aplus-download-wrapper {
+  text-wrap: nowrap;
+  display: inline-block;
+  display: flex;
+}
+.aplus-download-inner-wrapper {
+  display: inline-block;
+  color: var(--download-main-color);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+.aplus-download-inner-wrapper .icon {
+  position: relative;
+  font-size: 18px;
+}
+.aplus-download-inner-wrapper .text {
+  margin-left: 5px;
+}
+.aplus-download-inner-wrapper:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-download-inner-wrapper--large {
+  line-height: 26px;
+  height: 28px;
+  font-size: 16px;
+}
+.aplus-download-inner-wrapper--middle {
+  line-height: 22px;
+  height: 24px;
+  font-size: 14px;
+}
+.aplus-download-inner-wrapper--small {
+  line-height: 19px;
+  height: 20px;
+  font-size: 12px;
+}
+.aplus-download-inner-wrapper--disabled {
+  color: #8896b0;
+  cursor: not-allowed;
+}
+.aplus-download-inner-wrapper--disabled:hover {
+  color: #8896b0;
+}
+.aplus-download-inner-wrapper--disabled-admin {
+  cursor: not-allowed;
+  color: #999;
+}
+.aplus-download-inner-wrapper--disabled-admin:hover {
+  color: #999;
+}

package/lib/src/ap-field/checkbox/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("lodash-unified"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("./helper.js"),k=require("../../hooks/useControllableValue.js"),v=e.defineComponent({name:"ApFieldCheckbox",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},defaultValue:{},value:{},onChange:{},"onUpdate:value":{},name:{},prefixCls:{},options:{default:()=>[]},disabled:{type:Boolean},id:{},emptyText:{default:"-"},request:{}},emits:["update:value"],setup(p,{emit:d}){const f=d,t=p,n=e.ref(t.options),o=e.ref(!1);e.onMounted(()=>{i.isFunction(t.request)&&(o.value=!0,t.request().then(a=>n.value=a).finally(()=>{o.value=!1}))});const{value:l,updateValue:m}=k.useControllableValue(t,f,{defaultValue:[]});return(a,g)=>{var r;return a.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(i.isNil)(e.unref(l))?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(((r=n.value)==null?void 0:r.filter(u=>e.unref(l).indexOf(e.unref(c.getOptionValue)(u))>-1).map(u=>e.unref(c.getOptionLabel)(u)).join("、"))||t.emptyText),1)],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.value?(e.openBlock(),e.createBlock(e.unref(s.Spin),{key:0,size:"small"})):(e.openBlock(),e.createBlock(e.unref(s.CheckboxGroup),e.mergeProps({key:1},t,{options:n.value,value:e.unref(l),"onUpdate:value":e.unref(m)}),null,16,["options","value","onUpdate:value"]))],64))}}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("lodash-unified"),s=require("ant-design-vue");require("../../hooks/index.js");const c=require("./helper.js"),k=require("../../hooks/useControllableValue.js"),v=e.defineComponent({name:"ApFieldCheckbox",inheritAttrs:!1,__name:"index",props:{mode:{default:"edit"},defaultValue:{},value:{},onChange:{},"onUpdate:value":{},name:{},prefixCls:{},options:{default:()=>[]},disabled:{type:Boolean},id:{},emptyText:{default:"-"},request:{}},emits:["update:value"],setup(p,{emit:d}){const f=d,t=p,n=e.ref(t.options),o=e.ref(!1);e.onMounted(()=>{r.isFunction(t.request)&&(o.value=!0,t.request().then(a=>n.value=a).finally(()=>{o.value=!1}))});const{value:l,updateValue:m}=k.useControllableValue(t,f,{defaultValue:[]});return(a,g)=>{var i;return a.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.unref(r.isNil)(e.unref(l))?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(((i=n.value)==null?void 0:i.filter(u=>e.unref(l).indexOf(e.unref(c.getOptionValue)(u))>-1).map(u=>e.unref(c.getOptionLabel)(u)).join("、"))||t.emptyText),1)],64))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[o.value?(e.openBlock(),e.createBlock(e.unref(s.Spin),{key:0,size:"small"})):(e.openBlock(),e.createBlock(e.unref(s.CheckboxGroup),e.mergeProps({key:1},e.unref(r.omit)(t,["onUpdate:value","value"]),{options:n.value,value:e.unref(l),"onUpdate:value":e.unref(m)}),null,16,["options","value","onUpdate:value"]))],64))}}});exports.default=v;

package/lib/src/ap-field/date/index.vue.d.ts

@@ -1,6 +1,7 @@
+import { default as dayjs } from 'dayjs';
 import { ApFieldDateProps, FieldMode } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { DatePickerProps } from 'ant-design-vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
+import { SharedTimeProps } from 'ant-design-vue/es/vc-picker/panels/TimePanel';
 
 type ApFieldDataSlots = {
     dateRender: any;
@@ -18,19 +19,76 @@ type ApFieldDataSlots = {
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
     format: string;
     mode: string;
-    fieldProps: () => {};
+    emptyText: string;
+    allowClear: undefined;
+    autofocus: undefined;
+    bordered: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    showToday: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateProps>, {
     format: string;
     mode: string;
-    fieldProps: () => {};
+    emptyText: string;
+    allowClear: undefined;
+    autofocus: undefined;
+    bordered: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    showToday: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean;
+    open: boolean;
+    autofocus: boolean;
     mode: FieldMode;
+    suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    bordered: boolean;
+    clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    allowClear: boolean;
+    defaultOpen: boolean;
     format: string;
-    fieldProps: Omit< DatePickerProps, "mode" | "onOk" | "onChange" | "value" | "defaultValue" | "format">;
+    inputReadOnly: boolean;
+    showToday: boolean;
+    showTime: boolean | SharedTimeProps<dayjs.Dayjs>;
+    emptyText: string;
 }, {}>, Readonly<ApFieldDataSlots> & ApFieldDataSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/src/ap-field/date/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("dayjs"),C=require("ant-design-vue"),c=require("./constant.js");require("../../hooks/index.js");const p=require("lodash-unified"),m=require("./helper.js"),D=require("../../hooks/useControllableValue.js"),M=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},fieldProps:{default:()=>({})},emptyText:{},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"}},emits:["update:value"],setup(P,{emit:v}){const t=P,k=v,{value:i,updateValue:d}=D.useControllableValue(t,k),a=e.computed(()=>c.ApFieldDatePresetFormats.indexOf(t.format)>-1),u=e.computed(()=>a.value?c.PRESET_FORMAT_MAP[t.format]:t.format),_=e.computed(()=>p.isNil(e.unref(i))?void 0:s(e.unref(i))),g=e.computed(()=>e.unref(a)?t.fieldProps.picker??c.PRESET_FORMAT_PICK_MAP[t.format]:t.fieldProps.picker),y=e.computed(()=>{const r=e.unref(a)?c.PRESET_FORMAT_TIME_MAP[t.format]:{};return{...t.fieldProps,...r}});function O(r){if(p.isNil(r)){d(null);return}const n=s(r);e.unref(a)?d(m.formatDay(n,e.unref(u))):d(n.valueOf())}function h(r,n){var f;const l=s(r),o=e.unref(a)?m.formatDay(l,e.unref(u)):r?l.valueOf():null;(f=t.onChange)==null||f.call(t,o,n)}function T(r){var o;const n=s(r),l=e.unref(a)?m.formatDay(n,e.unref(u)):r?n.valueOf():null;(o=t.onOk)==null||o.call(t,l)}return(r,n)=>r.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(i)?e.unref(s)(e.unref(i)).format(u.value):r.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(C.DatePicker),e.mergeProps({key:1},y.value,{value:_.value,format:u.value,"onUpdate:value":O,onChange:h,onOk:T,picker:g.value}),e.createSlots({_:2},[e.renderList(r.$slots,(l,o)=>({name:o,fn:e.withCtx(f=>[e.renderSlot(r.$slots,o,e.normalizeProps(e.guardReactiveProps(f||{})))])}))]),1040,["value","format","picker"]))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("dayjs"),b=require("ant-design-vue"),f=require("./constant.js");require("../../hooks/index.js");const c=require("lodash-unified"),m=require("./helper.js"),S=require("../../hooks/useControllableValue.js"),_=e.defineComponent({name:"ApFieldDate",__name:"index",props:{mode:{default:"edit"},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},placeholder:{},allowClear:{type:Boolean,default:void 0},autofocus:{type:Boolean,default:void 0},disabled:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},id:{},presets:{},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},panelRender:{},inputRender:{},onOpenChange:{},onPanelChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},onContextmenu:{},onKeydown:{},role:{},name:{},autocomplete:{},direction:{},showToday:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},picker:{},prefixCls:{},defaultPickerValue:{},disabledDate:{},dateRender:{},monthCellRender:{},renderExtraFooter:{},onSelect:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},disabledTime:{},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"-"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"}},emits:["update:value"],setup(v,{emit:y}){const o=v,h=y,{value:i,updateValue:p}=S.useControllableValue(o,h),l=e.computed(()=>f.ApFieldDatePresetFormats.indexOf(o.format)>-1),u=e.computed(()=>l.value?f.PRESET_FORMAT_MAP[o.format]:o.format),B=e.computed(()=>c.isNil(e.unref(i))?void 0:d(e.unref(i))),k=e.computed(()=>e.unref(l)?o.picker??f.PRESET_FORMAT_PICK_MAP[o.format]:o.picker),g=e.computed(()=>{const t=e.unref(l)?f.PRESET_FORMAT_TIME_MAP[o.format]:{};return{...c.omit(o,["value","defaultValue","onChange","onOk","format","onUpdate:value","mode"]),...t}});function O(t){if(c.isNil(t)){p(null);return}const n=d(t);e.unref(l)?p(m.formatDay(n,e.unref(u))):p(n.valueOf())}function P(t,n){var s;const r=d(t),a=e.unref(l)?m.formatDay(r,e.unref(u)):t?r.valueOf():null;(s=o.onChange)==null||s.call(o,a,n)}function C(t){var a;const n=d(t),r=e.unref(l)?m.formatDay(n,e.unref(u)):t?n.valueOf():null;(a=o.onOk)==null||a.call(o,r)}return(t,n)=>t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(i)?e.unref(d)(e.unref(i)).format(u.value):t.emptyText),1)],64)):(e.openBlock(),e.createBlock(e.unref(b.DatePicker),e.mergeProps({key:1},g.value,{value:B.value,format:u.value,"onUpdate:value":O,onChange:P,onOk:C,picker:k.value}),e.createSlots({_:2},[e.renderList(t.$slots,(r,a)=>({name:a,fn:e.withCtx(s=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(s||{})))])}))]),1040,["value","format","picker"]))}});exports.default=_;

package/lib/src/ap-field/date-range/index.vue.d.ts

@@ -1,6 +1,7 @@
 import { ApFieldDateRangeProps, FieldMode } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { RangePickerProps } from 'ant-design-vue/es/date-picker';
+import { default as dayjs } from 'dayjs';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, VNode, RendererNode, RendererElement, PropType } from 'vue';
+import { CustomFormat } from 'ant-design-vue/es/vc-picker/interface';
 
 type ApFieldDateRangeSlots = {
     suffixIcon?: any;
@@ -18,21 +19,82 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     emptyText: string;
     mode: string;
     format: string;
-    fieldProps: () => {};
+    allowClear: undefined;
+    autofocus: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    order: undefined;
+    separator: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
+    bordered: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldDateRangeProps>, {
     emptyText: string;
     mode: string;
     format: string;
-    fieldProps: () => {};
+    allowClear: undefined;
+    autofocus: undefined;
+    clearIcon: undefined;
+    defaultOpen: undefined;
+    disabled: undefined;
+    hideDisabledOptions: undefined;
+    inputReadOnly: undefined;
+    open: undefined;
+    order: undefined;
+    separator: undefined;
+    showHour: undefined;
+    showMinute: undefined;
+    showNow: undefined;
+    showSecond: undefined;
+    showTime: undefined;
+    suffixIcon: undefined;
+    use12Hours: undefined;
+    bordered: undefined;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
+    disabled: boolean | [boolean, boolean];
+    open: boolean;
+    autofocus: boolean;
     mode: FieldMode;
-    format: string;
+    suffixIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    bordered: boolean;
+    clearIcon: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    allowClear: boolean;
+    defaultOpen: boolean;
+    separator: string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | (string | number | boolean | void | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null | undefined)[] | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
+    format: (string | CustomFormat<dayjs.Dayjs> | (string | CustomFormat<dayjs.Dayjs>)[]) & string;
+    inputReadOnly: boolean;
     emptyText: string;
-    fieldProps: Omit< RangePickerProps, "onOk" | "onChange" | "value" | "defaultValue" | "renderExtraFooter" | "onPanelChange">;
 }, {}>, Readonly<ApFieldDateRangeSlots> & ApFieldDateRangeSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/src/ap-field/date-range/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("../date/constant.js");require("../../hooks/index.js");const c=require("lodash-unified"),l=require("dayjs"),V=require("ant-design-vue"),s=require("../date/helper.js"),E=require("@ant-design/icons-vue"),R=require("../../hooks/useControllableValue.js"),q=e.defineComponent({__name:"index",props:{mode:{default:"edit"},fieldProps:{default:()=>({})},emptyText:{default:"-"},value:{},defaultValue:{},onChange:{},onOk:{},format:{default:"Y-D"}},emits:["update:value"],setup(P,{emit:g}){const r=P,_=g,u=e.computed(()=>p.ApFieldDatePresetFormats.indexOf(r.format)>-1),a=e.computed(()=>u.value?p.PRESET_FORMAT_MAP[r.format]:r.format),{value:d,updateValue:k}=R.useControllableValue(r,_),f=e.computed(()=>{var t,n;if(!c.isNil(e.unref(d)))return[l((t=e.unref(d))==null?void 0:t[0]),l((n=e.unref(d))==null?void 0:n[1])]}),y=e.computed(()=>e.unref(u)?r.fieldProps.picker??p.PRESET_FORMAT_PICK_MAP[r.format]:r.fieldProps.picker),D=e.computed(()=>{const t=e.unref(u)?p.PRESET_FORMAT_TIME_MAP[r.format]:{};return{...r.fieldProps,...t}});function S(t){t||k(null);const n=c.isString(t[0])?l(t[0]):t[0],o=c.isString(t[1])?l(t[1]):t[1];e.unref(u)?k([s.formatDay(n,e.unref(a)),s.formatDay(o,e.unref(a),!1)]):k([s.formatValue(n),s.formatValue(o)])}function T(t){var i;const n=c.isString(t[0])?l(t[0]):t[0],o=c.isString(t[1])?l(t[1]):t[1],m=t[0]?e.unref(u)?s.formatDay(n,e.unref(a)):n.valueOf():null,v=t[1]?e.unref(u)?s.formatDay(o,e.unref(a),!1):o.valueOf():null;(i=r.onOk)==null||i.call(r,[m,v])}return(t,n)=>{var o,m;return t.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[f.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((o=f.value[0])==null?void 0:o.format(a.value))+" ",1),e.createVNode(e.unref(E.SwapRightOutlined)),e.createTextVNode(" "+e.toDisplayString((m=f.value[1])==null?void 0:m.format(a.value)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(V.DatePicker).RangePicker,e.mergeProps({key:1},D.value,{value:f.value,"onUpdate:value":S,picker:y.value,format:a.value,onOk:T}),e.createSlots({_:2},[e.renderList(t.$slots,(v,i)=>({name:i,fn:e.withCtx(O=>[e.renderSlot(t.$slots,i,e.normalizeProps(e.guardReactiveProps(O||{})))])}))]),1040,["value","picker","format"]))}}});exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),v=require("../date/constant.js");require("../../hooks/index.js");const u=require("lodash-unified"),i=require("dayjs"),b=require("ant-design-vue"),d=require("../date/helper.js"),T=require("@ant-design/icons-vue"),_=require("../../utils/index.js"),M=require("../../hooks/useControllableValue.js"),R=e.defineComponent({__name:"index",props:{mode:{default:"edit"},id:{},defaultPickerValue:{},placeholder:{},disabled:{type:[Boolean,Array],default:void 0},disabledTime:{},presets:{},ranges:{},separator:{type:[Object,String,Number,Boolean,null,Array],default:void 0},allowEmpty:{},onCalendarChange:{},onFocus:{},onBlur:{},onMousedown:{},onMouseup:{},onMouseenter:{},onMouseleave:{},onClick:{},direction:{},autocomplete:{},activePickerIndex:{},dateRender:{},panelRender:{},dropdownClassName:{},dropdownAlign:{},popupStyle:{},transitionName:{},allowClear:{type:Boolean,default:void 0},autofocus:{type:Boolean,default:void 0},tabindex:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:void 0},inputReadOnly:{type:Boolean,default:void 0},format:{default:"Y-D"},suffixIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},clearIcon:{type:[Object,String,Number,Boolean,null,Array],default:void 0},getPopupContainer:{},inputRender:{},onOpenChange:{},onContextmenu:{},onKeydown:{},role:{},name:{},picker:{},prefixCls:{},disabledDate:{},monthCellRender:{},locale:{},size:{},bordered:{type:Boolean,default:void 0},showTime:{type:Boolean,default:void 0},showNow:{type:Boolean,default:void 0},order:{type:Boolean,default:void 0},defaultOpenValue:{},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12Hours:{type:Boolean,default:void 0},hourStep:{},minuteStep:{},secondStep:{},hideDisabledOptions:{type:Boolean,default:void 0},disabledHours:{},disabledMinutes:{},disabledSeconds:{},valueFormat:{},emptyText:{default:"-"},value:{},defaultValue:{},onChange:{},onOk:{}},emits:["update:value"],setup(k,{emit:B}){const t=k,S=B,l=e.computed(()=>v.ApFieldDatePresetFormats.indexOf(t.format)>-1),r=e.computed(()=>l.value?v.PRESET_FORMAT_MAP[t.format]:t.format),{value:y,updateValue:g}=M.useControllableValue(t,S),c=e.computed(()=>{var o,n;if(!u.isNil(e.unref(y)))return[i((o=e.unref(y))==null?void 0:o[0]),i((n=e.unref(y))==null?void 0:n[1])]}),h=e.computed(()=>e.unref(l)?t.picker??v.PRESET_FORMAT_PICK_MAP[t.format]:t.picker),O=e.computed(()=>{const o=e.unref(l)?v.PRESET_FORMAT_TIME_MAP[t.format]:{};return{..._.omitUndefined(u.omit(t,["value","onUpdate:value","onChange","onOk","format","mode"])),...o}});function D(o){o||g(null);const n=u.isString(o[0])?i(o[0]):o[0],a=u.isString(o[1])?i(o[1]):o[1];e.unref(l)?g([d.formatDay(n,e.unref(r)),d.formatDay(a,e.unref(r),!1)]):g([d.formatValue(n),d.formatValue(a)])}function P(o){var f;const n=u.isString(o[0])?i(o[0]):o[0],a=u.isString(o[1])?i(o[1]):o[1],s=o[0]?e.unref(l)?d.formatDay(n,e.unref(r)):n.valueOf():null,p=o[1]?e.unref(l)?d.formatDay(a,e.unref(r),!1):a.valueOf():null;(f=t.onOk)==null||f.call(t,[s,p])}function C(o,n){var m;const a=u.isString(o[0])?i(o[0]):o[0],s=u.isString(o[1])?i(o[1]):o[1],p=o[0]?e.unref(l)?d.formatDay(a,e.unref(r)):a.valueOf():null,f=o[1]?e.unref(l)?d.formatDay(s,e.unref(r),!1):s.valueOf():null;(m=t.onChange)==null||m.call(t,[p,f],n)}return(o,n)=>{var a,s;return o.mode==="read"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[c.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString((a=c.value[0])==null?void 0:a.format(r.value))+" ",1),e.createVNode(e.unref(T.SwapRightOutlined)),e.createTextVNode(" "+e.toDisplayString((s=c.value[1])==null?void 0:s.format(r.value)),1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(o.emptyText),1)],64))],64)):(e.openBlock(),e.createBlock(e.unref(b.DatePicker).RangePicker,e.mergeProps({key:1},O.value,{value:c.value,"onUpdate:value":D,onChange:C,picker:h.value,format:r.value,onOk:P}),e.createSlots({_:2},[e.renderList(o.$slots,(p,f)=>({name:f,fn:e.withCtx(m=>[e.renderSlot(o.$slots,f,e.normalizeProps(e.guardReactiveProps(m||{})))])}))]),1040,["value","picker","format"]))}}});exports.default=R;