@aplus-frontend/ui 0.4.12 → 0.4.13

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts

@@ -1,4 +1,4 @@
-import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
+import { OpenOptions, UseTableSelectModalProps } from '../interface';
 import { Recordable } from '../../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
@@ -24,7 +24,10 @@ export declare function useTableSelectModal<TableRowType = Record<string, any>>(
         getShownColumns: () => TableColumnsType<any>;
     } | null | undefined;
     isDestroyed: true;
-    open: (selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<TableRowType>>;
+    open: (selected?: any[], options?: OpenOptions) => Promise<{
+        keys: any[];
+        rows: TableRowType[];
+    }>;
     destroy: () => void;
     close: () => void;
 };

package/es/src/business/ap-table-modal/hooks/use-table-select-modal.mjs

@@ -1,27 +1,37 @@
-import { onUnmounted as m } from "vue";
-import { useCreateTableModal as w } from "./use-create-table-modal.mjs";
-const f = (e) => e.id;
-function K(e) {
-  const { finishCallback: o, getRowKey: r, ...a } = e, { destroy: t, openModal: c, closeModal: d, ...l } = w({
-    ...a,
+import { onUnmounted as f } from "vue";
+import { useCreateTableModal as i } from "./use-create-table-modal.mjs";
+import { AsyncOpenResultError as d } from "../interface.mjs";
+const p = (t) => t.id;
+function K(t) {
+  const { finishCallback: n, getRowKey: e, ...u } = t, { destroy: a, openModal: y, closeModal: c, ...m } = i({
+    ...u,
     destroyOnUnmounted: !1,
-    getRowKey: r || f
-  }), u = async (p = [], y = {}) => {
-    const s = await c(p, y) || {
-      keys: [],
-      rows: []
-    };
-    return o == null || o(s), s;
-  }, n = () => {
-    d();
+    getRowKey: e || p
+  }), l = async (o = [], w = {}) => {
+    try {
+      const r = await y(o, w) || {
+        keys: [],
+        rows: []
+      };
+      return n == null || n(r), r;
+    } catch (r) {
+      if (r === d.ModalCancel)
+        return {
+          keys: o == null ? void 0 : o.map(e || p),
+          rows: o
+        };
+      throw r;
+    }
+  }, s = () => {
+    c();
   };
-  return m(() => {
-    n(), t();
+  return f(() => {
+    s(), a();
   }), {
-    open: u,
-    destroy: t,
-    close: n,
-    ...l
+    open: l,
+    destroy: a,
+    close: s,
+    ...m
   };
 }
 export {

package/es/src/business/ap-table-modal/interface.d.ts

@@ -72,7 +72,9 @@ export interface ModalTitleSlots {
 /** table-layout Props */
 export interface TableLayoutConfig {
     /** 左侧标题 */
-    leftTitle?: string;
+    leftTitle?: string | VNodeChild;
+    /** 右侧标题 */
+    rightTitle?: (selectedCount: number) => string | VNodeChild;
     /** 已经选择item渲染, renderSelectedItem有值才为复杂布局 */
     renderSelectedItem?: (record: any, actions: {
         deleteItem: (record: any) => void;

package/es/src/business/ap-table-modal/table-layout/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { TableLayoutConfig } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, VNodeArrayChildren, VNode, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
 type __VLS_Props = TableLayoutConfig & {
     selectedList: any[];
 };
@@ -20,7 +20,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
     onClear?: (() => any) | undefined;
     onDeleteItem?: ((record: any) => any) | undefined;
 }>, {
-    leftTitle: string;
+    leftTitle: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
     selectedList: any[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/es/src/business/ap-table-modal/table-layout/index.vue2.mjs

@@ -1,82 +1,89 @@
-import { defineComponent as S, openBlock as a, createElementBlock as n, normalizeClass as o, unref as t, Fragment as c, createElementVNode as r, createVNode as s, renderSlot as u, withCtx as f, createTextVNode as E, toDisplayString as C, renderList as L, createBlock as y, resolveDynamicComponent as T, createCommentVNode as v } from "vue";
+import { defineComponent as v, openBlock as l, createElementBlock as o, normalizeClass as a, unref as t, Fragment as i, createVNode as m, withCtx as n, createBlock as s, resolveDynamicComponent as p, h, createElementVNode as c, renderSlot as b, createCommentVNode as T, createTextVNode as $, toDisplayString as B, renderList as M } from "vue";
 import "../../../config-provider/index.mjs";
 import "../../index.mjs";
-import { Button as N, Empty as g } from "@aplus-frontend/antdv";
-import { useLocale as B } from "../../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as M } from "../../../config-provider/hooks/use-namespace.mjs";
-import { ApTitle as b } from "../../ap-title/index.mjs";
-const R = /* @__PURE__ */ S({
+import { Button as V, Empty as k } from "@aplus-frontend/antdv";
+import { useLocale as A } from "../../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as D } from "../../../config-provider/hooks/use-namespace.mjs";
+import { ApTitle as I } from "../../ap-title/index.mjs";
+const q = /* @__PURE__ */ v({
   __name: "index",
   props: {
-    leftTitle: { default: "" },
+    leftTitle: { type: [String, Object, Number, Boolean, null, Array], default: "" },
+    rightTitle: {},
     renderSelectedItem: {},
     selectedList: { default: () => [] }
   },
   emits: ["clear", "deleteItem"],
-  setup(V, { emit: h }) {
-    const { t: i } = B(), d = h, I = () => {
-      d("clear");
-    }, k = (e) => {
-      d("deleteItem", e);
-    }, { m: l } = M("ap-table-modal");
-    return (e, $) => (a(), n("div", {
-      class: o([
-        e.renderSelectedItem ? t(l)("table-layout") : "",
+  setup(S, { emit: E }) {
+    const { t: d } = A(), u = S, f = E, L = () => {
+      f("clear");
+    }, C = (e) => {
+      f("deleteItem", e);
+    }, N = (e) => typeof u.rightTitle == "function" ? u.rightTitle(e) : `${d("ap.apTableModal.selected")} (${e})`, { m: r } = D("ap-table-modal");
+    return (e, w) => (l(), o("div", {
+      class: a([
+        e.renderSelectedItem ? t(r)("table-layout") : "",
         { "complex-layout": !!e.renderSelectedItem }
       ])
     }, [
-      e.renderSelectedItem ? (a(), n(c, { key: 0 }, [
-        r("div", {
-          class: o(t(l)("table-layout-left"))
+      e.renderSelectedItem ? (l(), o(i, { key: 0 }, [
+        e.leftTitle ? (l(), o("div", {
+          key: 0,
+          class: a(t(r)("table-layout-left"))
         }, [
-          s(t(b), {
-            style: { "margin-bottom": "16px" },
-            title: e.leftTitle
-          }, null, 8, ["title"]),
-          r("div", {
-            class: o(t(l)("table-layout-left-content"))
+          m(t(I), { style: { "margin-bottom": "16px" } }, {
+            prefix: n(() => [
+              (l(), s(p(h(i, [e.leftTitle]))))
+            ]),
+            _: 1
+          }),
+          c("div", {
+            class: a(t(r)("table-layout-left-content"))
           }, [
-            u(e.$slots, "default")
+            b(e.$slots, "default")
           ], 2)
-        ], 2),
-        r("div", {
-          class: o(t(l)("table-layout-right"))
+        ], 2)) : T("", !0),
+        c("div", {
+          class: a(t(r)("table-layout-right"))
         }, [
-          s(t(b), {
-            title: `${t(i)("ap.apTableModal.selected")} (${e.selectedList.length})`
+          m(t(I), {
+            title: `${t(d)("ap.apTableModal.selected")} (${e.selectedList.length})`
           }, {
-            suffix: f(() => [
-              s(t(N), {
+            prefix: n(() => [
+              (l(), s(p(h(i, [N(e.selectedList.length)]))))
+            ]),
+            suffix: n(() => [
+              m(t(V), {
                 type: "link",
                 style: { padding: "0px", height: "22px", "border-width": "0px" },
-                onClick: I
+                onClick: L
               }, {
-                default: f(() => [
-                  E(C(t(i)("ap.apTableModal.clear")), 1)
+                default: n(() => [
+                  $(B(t(d)("ap.apTableModal.clear")), 1)
                 ]),
                 _: 1
               })
             ]),
             _: 1
           }, 8, ["title"]),
-          r("div", {
-            class: o(t(l)("table-layout-right-content"))
+          c("div", {
+            class: a(t(r)("table-layout-right-content"))
           }, [
-            (a(!0), n(c, null, L(e.selectedList, (m) => {
-              var p;
-              return a(), y(T((p = e.renderSelectedItem) == null ? void 0 : p.call(e, m, { deleteItem: k })), { key: m });
+            (l(!0), o(i, null, M(e.selectedList, (y) => {
+              var g;
+              return l(), s(p((g = e.renderSelectedItem) == null ? void 0 : g.call(e, y, { deleteItem: C })), { key: y });
             }), 128)),
-            e.selectedList.length === 0 ? (a(), y(t(g), {
+            e.selectedList.length === 0 ? (l(), s(t(k), {
               key: 0,
-              image: t(g).PRESENTED_IMAGE_SIMPLE,
+              image: t(k).PRESENTED_IMAGE_SIMPLE,
               style: { "margin-top": "100px" }
-            }, null, 8, ["image"])) : v("", !0)
+            }, null, 8, ["image"])) : T("", !0)
           ], 2)
         ], 2)
-      ], 64)) : u(e.$slots, "default", { key: 1 })
+      ], 64)) : b(e.$slots, "default", { key: 1 })
     ], 2));
   }
 });
 export {
-  R as default
+  q as default
 };

package/es/src/business/ap-title/interface.d.ts

@@ -5,7 +5,7 @@ export interface ApTitleProps {
     /**
      * 小标题
      */
-    title: string;
+    title?: string;
     /**
      * 帮助消息
      */

package/lib/src/business/ap-table-modal/hooks/use-table-select-modal.d.ts

@@ -1,4 +1,4 @@
-import { OpenOptions, UseTableSelectModalProps, OpenReturnType } from '../interface';
+import { OpenOptions, UseTableSelectModalProps } from '../interface';
 import { Recordable } from '../../../type';
 import { TableColumnsType } from '@aplus-frontend/antdv';
 export declare function useTableSelectModal<TableRowType = Record<string, any>>(props: UseTableSelectModalProps<TableRowType>): {
@@ -24,7 +24,10 @@ export declare function useTableSelectModal<TableRowType = Record<string, any>>(
         getShownColumns: () => TableColumnsType<any>;
     } | null | undefined;
     isDestroyed: true;
-    open: (selected?: any[], options?: OpenOptions) => Promise< OpenReturnType<TableRowType>>;
+    open: (selected?: any[], options?: OpenOptions) => Promise<{
+        keys: any[];
+        rows: TableRowType[];
+    }>;
     destroy: () => void;
     close: () => void;
 };

package/lib/src/business/ap-table-modal/hooks/use-table-select-modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("vue"),b=require("./use-create-table-modal.js"),p=e=>e.id;function w(e){const{finishCallback:o,getRowKey:r,...a}=e,{destroy:t,openModal:l,closeModal:c,...u}=b.useCreateTableModal({...a,destroyOnUnmounted:!1,getRowKey:r||p}),d=async(y=[],i={})=>{const n=await l(y,i)||{keys:[],rows:[]};return o==null||o(n),n},s=()=>{c()};return M.onUnmounted(()=>{s(),t()}),{open:d,destroy:t,close:s,...u}}exports.useTableSelectModal=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("vue"),w=require("./use-create-table-modal.js"),b=require("../interface.js"),u=t=>t.id;function f(t){const{finishCallback:r,getRowKey:n,...c}=t,{destroy:a,openModal:l,closeModal:y,...i}=w.useCreateTableModal({...c,destroyOnUnmounted:!1,getRowKey:n||u}),d=async(e=[],M={})=>{try{const o=await l(e,M)||{keys:[],rows:[]};return r==null||r(o),o}catch(o){if(o===b.AsyncOpenResultError.ModalCancel)return{keys:e==null?void 0:e.map(n||u),rows:e};throw o}},s=()=>{y()};return p.onUnmounted(()=>{s(),a()}),{open:d,destroy:a,close:s,...i}}exports.useTableSelectModal=f;

package/lib/src/business/ap-table-modal/interface.d.ts

@@ -72,7 +72,9 @@ export interface ModalTitleSlots {
 /** table-layout Props */
 export interface TableLayoutConfig {
     /** 左侧标题 */
-    leftTitle?: string;
+    leftTitle?: string | VNodeChild;
+    /** 右侧标题 */
+    rightTitle?: (selectedCount: number) => string | VNodeChild;
     /** 已经选择item渲染, renderSelectedItem有值才为复杂布局 */
     renderSelectedItem?: (record: any, actions: {
         deleteItem: (record: any) => void;

package/lib/src/business/ap-table-modal/table-layout/index.vue.d.ts

@@ -1,5 +1,5 @@
 import { TableLayoutConfig } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, VNodeArrayChildren, VNode, RendererNode, RendererElement, ComponentProvideOptions } from 'vue';
 type __VLS_Props = TableLayoutConfig & {
     selectedList: any[];
 };
@@ -20,7 +20,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
     onClear?: (() => any) | undefined;
     onDeleteItem?: ((record: any) => any) | undefined;
 }>, {
-    leftTitle: string;
+    leftTitle: string | number | boolean | void | VNodeArrayChildren | VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }> | null;
     selectedList: any[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/lib/src/business/ap-table-modal/table-layout/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");require("../../index.js");const r=require("@aplus-frontend/antdv"),m=require("../../../config-provider/hooks/use-locale.js"),p=require("../../../config-provider/hooks/use-namespace.js"),i=require("../../ap-title/index.js"),f=e.defineComponent({__name:"index",props:{leftTitle:{default:""},renderSelectedItem:{},selectedList:{default:()=>[]}},emits:["clear","deleteItem"],setup(y,{emit:d}){const{t:a}=m.useLocale(),n=d,c=()=>{n("clear")},u=t=>{n("deleteItem",t)},{m:l}=p.useNamespace("ap-table-modal");return(t,k)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.renderSelectedItem?e.unref(l)("table-layout"):"",{"complex-layout":!!t.renderSelectedItem}])},[t.renderSelectedItem?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-left"))},[e.createVNode(e.unref(i.ApTitle),{style:{"margin-bottom":"16px"},title:t.leftTitle},null,8,["title"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-left-content"))},[e.renderSlot(t.$slots,"default")],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right"))},[e.createVNode(e.unref(i.ApTitle),{title:`${e.unref(a)("ap.apTableModal.selected")} (${t.selectedList.length})`},{suffix:e.withCtx(()=>[e.createVNode(e.unref(r.Button),{type:"link",style:{padding:"0px",height:"22px","border-width":"0px"},onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)("ap.apTableModal.clear")),1)]),_:1})]),_:1},8,["title"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right-content"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.selectedList,o=>{var s;return e.openBlock(),e.createBlock(e.resolveDynamicComponent((s=t.renderSelectedItem)==null?void 0:s.call(t,o,{deleteItem:u})),{key:o})}),128)),t.selectedList.length===0?(e.openBlock(),e.createBlock(e.unref(r.Empty),{key:0,image:e.unref(r.Empty).PRESENTED_IMAGE_SIMPLE,style:{"margin-top":"100px"}},null,8,["image"])):e.createCommentVNode("",!0)],2)],2)],64)):e.renderSlot(t.$slots,"default",{key:1})],2))}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../../config-provider/index.js");require("../../index.js");const n=require("@aplus-frontend/antdv"),y=require("../../../config-provider/hooks/use-locale.js"),k=require("../../../config-provider/hooks/use-namespace.js"),c=require("../../ap-title/index.js"),g=e.defineComponent({__name:"index",props:{leftTitle:{type:[String,Object,Number,Boolean,null,Array],default:""},rightTitle:{},renderSelectedItem:{},selectedList:{default:()=>[]}},emits:["clear","deleteItem"],setup(d,{emit:u}){const{t:r}=y.useLocale(),o=d,a=u,m=()=>{a("clear")},p=t=>{a("deleteItem",t)},f=t=>typeof o.rightTitle=="function"?o.rightTitle(t):`${r("ap.apTableModal.selected")} (${t})`,{m:l}=k.useNamespace("ap-table-modal");return(t,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.renderSelectedItem?e.unref(l)("table-layout"):"",{"complex-layout":!!t.renderSelectedItem}])},[t.renderSelectedItem?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.leftTitle?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l)("table-layout-left"))},[e.createVNode(e.unref(c.ApTitle),{style:{"margin-bottom":"16px"}},{prefix:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[t.leftTitle]))))]),_:1}),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-left-content"))},[e.renderSlot(t.$slots,"default")],2)],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right"))},[e.createVNode(e.unref(c.ApTitle),{title:`${e.unref(r)("ap.apTableModal.selected")} (${t.selectedList.length})`},{prefix:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[f(t.selectedList.length)]))))]),suffix:e.withCtx(()=>[e.createVNode(e.unref(n.Button),{type:"link",style:{padding:"0px",height:"22px","border-width":"0px"},onClick:m},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)("ap.apTableModal.clear")),1)]),_:1})]),_:1},8,["title"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l)("table-layout-right-content"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.selectedList,i=>{var s;return e.openBlock(),e.createBlock(e.resolveDynamicComponent((s=t.renderSelectedItem)==null?void 0:s.call(t,i,{deleteItem:p})),{key:i})}),128)),t.selectedList.length===0?(e.openBlock(),e.createBlock(e.unref(n.Empty),{key:0,image:e.unref(n.Empty).PRESENTED_IMAGE_SIMPLE,style:{"margin-top":"100px"}},null,8,["image"])):e.createCommentVNode("",!0)],2)],2)],64)):e.renderSlot(t.$slots,"default",{key:1})],2))}});exports.default=g;

package/lib/src/business/ap-title/interface.d.ts

@@ -5,7 +5,7 @@ export interface ApTitleProps {
     /**
      * 小标题
      */
-    title: string;
+    title?: string;
     /**
      * 帮助消息
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -65,8 +65,8 @@
     "sortablejs": "^1.15.2",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/hooks": "1.0.7",
-    "@aplus-frontend/utils": "1.0.49"
+    "@aplus-frontend/utils": "1.0.49",
+    "@aplus-frontend/hooks": "1.0.7"
   },
   "peerDependencies": {
     "@aplus-frontend/antdv": "^1.0.11",

package/theme/ap-form/ap-form-item.css

@@ -16,10 +16,6 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
-.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
-  flex: 1;
-}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -68,3 +64,10 @@
   margin-top: 4px;
   margin-bottom: 12px;
 }
+.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
+  width: 100%;
+}
+.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}

package/theme/ap-form/ap-form-item.less

@@ -21,13 +21,6 @@
     .ant-picker {
       padding: 0;
     }
-    .ant-input-group {
-      // tip: 针对包含时区切换的日期选择器
-      .ant-select + .ant-picker {
-        padding-inline: 11px;
-        flex: 1;
-      }
-    }
     .ant-space-compact-block {
       .ant-input {
         padding-left: 11px;
@@ -81,4 +74,14 @@
     margin-top: 4px;
     margin-bottom: 12px;
   }
+  .ant-input-group {
+    .ant-picker:only-child {
+      width: 100%;
+    }
+    // tip: 针对包含时区切换的日期选择器
+    .ant-select + .ant-picker {
+      padding-inline: 11px;
+      flex: 1;
+    }
+  }
 });

package/theme/ap-form/index.css

@@ -25,10 +25,6 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
-.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
-  flex: 1;
-}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -77,6 +73,13 @@
   margin-top: 4px;
   margin-bottom: 12px;
 }
+.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
+  width: 100%;
+}
+.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-drawer-form__resize-bar {
   width: 4px;
   cursor: ew-resize;
@@ -119,9 +122,6 @@
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
 }
-.aplus-ap-form-search-form .ant-form-item-control .ant-input-group .ant-picker {
-  flex: 1;
-}
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }

package/theme/ap-form/search-form.css

@@ -16,10 +16,6 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
-.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
-  flex: 1;
-}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -68,15 +64,19 @@
   margin-top: 4px;
   margin-bottom: 12px;
 }
+.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
+  width: 100%;
+}
+.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-search-form .ant-form-item {
   margin-bottom: 16px;
 }
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
 }
-.aplus-ap-form-search-form .ant-form-item-control .ant-input-group .ant-picker {
-  flex: 1;
-}
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }

package/theme/ap-form/search-form.less

@@ -9,12 +9,6 @@
     .ant-picker {
       display: flex;
     }
-    .ant-input-group {
-      .ant-picker {
-        flex: 1;
-      }
-    }
-
     .ant-input-number {
       width: 100%;
     }

package/theme/ap-table/ap-table.css

@@ -211,10 +211,6 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
-.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
-  flex: 1;
-}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -263,6 +259,13 @@
   margin-top: 4px;
   margin-bottom: 12px;
 }
+.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
+  width: 100%;
+}
+.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-drawer-form__resize-bar {
   width: 4px;
   cursor: ew-resize;
@@ -305,9 +308,6 @@
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
 }
-.aplus-ap-form-search-form .ant-form-item-control .ant-input-group .ant-picker {
-  flex: 1;
-}
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }

package/theme/ap-table-modal/index.css

@@ -211,10 +211,6 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
-.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
-  flex: 1;
-}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -263,6 +259,13 @@
   margin-top: 4px;
   margin-bottom: 12px;
 }
+.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
+  width: 100%;
+}
+.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-drawer-form__resize-bar {
   width: 4px;
   cursor: ew-resize;
@@ -305,9 +308,6 @@
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
 }
-.aplus-ap-form-search-form .ant-form-item-control .ant-input-group .ant-picker {
-  flex: 1;
-}
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }

package/theme/editable-table/index.css

@@ -25,10 +25,6 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
-.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
-  flex: 1;
-}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -77,6 +73,13 @@
   margin-top: 4px;
   margin-bottom: 12px;
 }
+.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
+  width: 100%;
+}
+.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-drawer-form__resize-bar {
   width: 4px;
   cursor: ew-resize;
@@ -119,9 +122,6 @@
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
 }
-.aplus-ap-form-search-form .ant-form-item-control .ant-input-group .ant-picker {
-  flex: 1;
-}
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }

package/theme/index.css

@@ -375,10 +375,6 @@
 .aplus-ap-form-item--bordered .ant-picker {
   padding: 0;
 }
-.aplus-ap-form-item--bordered .ant-input-group .ant-select + .ant-picker {
-  padding-inline: 11px;
-  flex: 1;
-}
 .aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
   padding-left: 11px;
 }
@@ -427,6 +423,13 @@
   margin-top: 4px;
   margin-bottom: 12px;
 }
+.aplus-ap-form-item .ant-input-group .ant-picker:only-child {
+  width: 100%;
+}
+.aplus-ap-form-item .ant-input-group .ant-select + .ant-picker {
+  padding-inline: 11px;
+  flex: 1;
+}
 .aplus-ap-form-drawer-form__resize-bar {
   width: 4px;
   cursor: ew-resize;
@@ -469,9 +472,6 @@
 .aplus-ap-form-search-form .ant-form-item-control .ant-picker {
   display: flex;
 }
-.aplus-ap-form-search-form .ant-form-item-control .ant-input-group .ant-picker {
-  flex: 1;
-}
 .aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
   width: 100%;
 }