@vef-framework/components 1.0.127 → 1.0.129

package/cjs/vef-table/index.cjs

@@ -1,33 +1,5 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var react = require('@emotion/react');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react$1 = require('react');
-require('../internal/index.cjs');
-var tableFooter = require('./components/table-footer.cjs');
-var useComputedBatchButtons = require('./hooks/use-computed-batch-buttons.cjs');
-var useComputedColumns = require('./hooks/use-computed-columns.cjs');
-var useData = require('./hooks/use-data.cjs');
-var useDefaultColumnConfigs = require('./hooks/use-default-column-configs.cjs');
-var useHelperColumns = require('./hooks/use-helper-columns.cjs');
-var usePaginationProps = require('./hooks/use-pagination-props.cjs');
-var useRowProps = require('./hooks/use-row-props.cjs');
-var useRowSelectionConfig = require('./hooks/use-row-selection-config.cjs');
-var useTableColumns = require('./hooks/use-table-columns.cjs');
-var useTableContext = require('./hooks/use-table-context.cjs');
-var useTableInstance = require('./hooks/use-table-instance.cjs');
-var useTableSummary = require('./hooks/use-table-summary.cjs');
-var useTableWidth = require('./hooks/use-table-width.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const DEFAULT_ROW_KEY = "id";
-const autoHeightTableStyle = react.css`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var m=require("@emotion/react/jsx-runtime"),j=require("@emotion/react"),r=require("@vef-framework/shared"),le=require("antd"),o=require("react");require("../internal/index.cjs");var ie=require("./components/table-footer.cjs"),se=require("./hooks/use-computed-batch-buttons.cjs"),ue=require("./hooks/use-computed-columns.cjs"),ce=require("./hooks/use-data.cjs"),de=require("./hooks/use-default-column-configs.cjs"),me=require("./hooks/use-helper-columns.cjs"),be=require("./hooks/use-pagination-props.cjs"),fe=require("./hooks/use-row-props.cjs"),he=require("./hooks/use-row-selection-config.cjs"),pe=require("./hooks/use-table-columns.cjs"),Ce=require("./hooks/use-table-context.cjs"),ge=require("./hooks/use-table-instance.cjs"),we=require("./hooks/use-table-summary.cjs"),ve=require("./hooks/use-table-width.cjs"),Se=require("../internal/utils.cjs");const xe="id",Re=j.css`
   height: 100%;
 
   > .vef-spin-nested-loading {
@@ -61,12 +33,12 @@ const autoHeightTableStyle = react.css`
 
         > .vef-table-title {
           flex-shrink: 0;
-          padding: ${shared.themeVariables.paddingSm};
+          padding: ${r.themeVariables.paddingSm};
         }
 
         > .vef-table-footer {
           flex-shrink: 0;
-          padding: ${shared.themeVariables.paddingXs}
+          padding: ${r.themeVariables.paddingXs}
         }
 
         &.vef-table-empty > .vef-table-container > .vef-table-body > table {
@@ -75,207 +47,9 @@ const autoHeightTableStyle = react.css`
       }
     }
   }
-`;
-const unlimitedHeightTableStyle = react.css`
+`,ye=j.css`
   .vef-table-content {
     scrollbar-width: thin;
     scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
   }
-`;
-function VefTableBase({
-  columns,
-  defaultColumnConfigMap,
-  rowNumberColumn,
-  operationColumn,
-  bordered = false,
-  size = "medium",
-  rowKey = DEFAULT_ROW_KEY,
-  height,
-  virtual = false,
-  selectedKeys,
-  defaultSelectedKeys,
-  selectable = false,
-  multipleSelection,
-  showSelectAllCheckbox,
-  disabledSelection,
-  enableRowClick,
-  enableRowClickForSelection,
-  rowBackgroundColor,
-  batchActionButtons,
-  selectionSummary,
-  externalContext,
-  onRowSelectionChange,
-  onRowSelect,
-  onRowDeselect,
-  onRowClick,
-  ...restProps
-}, ref) {
-  const { paginated = false, ...queryConfig } = restProps;
-  const { paginationProps, paginationParams } = usePaginationProps.usePaginationProps(paginated, size);
-  const {
-    data,
-    isFetching,
-    isLoading,
-    total,
-    refetch
-  } = useData.useData(queryConfig, paginated, paginationParams);
-  const mergedPaginationProps = react$1.useMemo(() => ({
-    ...paginationProps,
-    total
-  }), [paginationProps, total]);
-  const [columnConfigMap, setColumnConfigMap] = react$1.useState(() => new Map(defaultColumnConfigMap));
-  const deferredColumnConfigMap = react$1.useDeferredValue(columnConfigMap);
-  const computedColumns = useComputedColumns.useComputedColumns(columns, deferredColumnConfigMap);
-  const {
-    rowSelectionConfig,
-    handleRowClickSelection,
-    selectedKeys: selectedKeysToUse,
-    selectedRecords
-  } = useRowSelectionConfig.useRowSelectionConfig({
-    selectedKeys,
-    defaultSelectedKeys,
-    selectable,
-    multipleSelection,
-    disabledSelection,
-    enableRowClick,
-    enableRowClickForSelection,
-    onRowSelect,
-    onRowDeselect,
-    onRowSelectionChange,
-    rowKey
-  });
-  const onRow = useRowProps.useRowProps({
-    enableRowClick,
-    enableRowClickForSelection,
-    onRowClick,
-    disabledSelection,
-    handleRowClickSelection
-  });
-  const tableContext = react$1.useMemo(() => ({
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeys: selectedKeysToUse,
-    selectedRecords: selectedRecords.current,
-    defaultColumnConfigMap,
-    columnConfigMap,
-    setColumnConfigMap,
-    columnConfigMapHasChanged: !shared.isDeepEqual(defaultColumnConfigMap, columnConfigMap)
-  }), [
-    externalContext,
-    isFetching,
-    refetch,
-    selectedKeysToUse,
-    selectedRecords,
-    defaultColumnConfigMap,
-    columnConfigMap
-  ]);
-  const columnsToUse = useTableColumns.useTableColumns(
-    computedColumns,
-    rowNumberColumn,
-    operationColumn
-  );
-  const tableWidth = useTableWidth.useTableWidth(columnsToUse, selectable);
-  const scrollConfig = react$1.useMemo(() => ({
-    x: tableWidth,
-    y: height === "auto" ? "auto" : height,
-    scrollToFirstRowOnChange: true
-  }), [height, tableWidth]);
-  const tableRef = useTableInstance.useTableInstance(ref, data ?? [], refetch);
-  const tableSummary = useTableSummary.useTableSummary(computedColumns);
-  const { computedBatchActionButtons, batchActionButtonContext } = useComputedBatchButtons.useComputedBatchActionButtons(batchActionButtons ?? [], tableContext);
-  const footer = react$1.useMemo(() => {
-    if (isLoading || data?.length === 0 || !paginated && selectionSummary === false && computedBatchActionButtons.length === 0) {
-      return;
-    }
-    const footerNode = /* @__PURE__ */ jsxRuntime.jsx(
-      tableFooter.default,
-      {
-        batchActionButtonContext,
-        batchActionButtons: computedBatchActionButtons,
-        paginationProps: mergedPaginationProps,
-        selectionSummary,
-        size
-      }
-    );
-    return () => footerNode;
-  }, [
-    batchActionButtonContext,
-    computedBatchActionButtons,
-    data?.length,
-    isLoading,
-    mergedPaginationProps,
-    paginated,
-    selectionSummary,
-    size
-  ]);
-  return /* @__PURE__ */ jsxRuntime.jsx(useTableContext.TableContextProvider, { value: tableContext, children: /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Table,
-    {
-      ref: tableRef,
-      bordered,
-      columns: columnsToUse,
-      css: height === "auto" ? autoHeightTableStyle : unlimitedHeightTableStyle,
-      dataSource: data,
-      footer,
-      loading: isFetching,
-      pagination: false,
-      rowKey,
-      rowSelection: rowSelectionConfig,
-      scroll: scrollConfig,
-      size: utils.convertBasicSizeToUiSize(size),
-      summary: tableSummary,
-      tableLayout: "fixed",
-      virtual: shared.isNumber(height) && height > 0 && virtual,
-      onRow
-    }
-  ) });
-}
-const VefTableBaseForwarded = react$1.forwardRef(VefTableBase);
-VefTableBaseForwarded.displayName = "VefTableBase";
-function VefTableWrapper({
-  schema,
-  showRowNumber,
-  operationButtons,
-  maxVisibleOperationButtons,
-  ...restProps
-}, ref) {
-  const { size } = restProps;
-  const showedColumns = react$1.useMemo(() => schema.filter((column) => column.show ?? true).map((column) => ({
-    ...column,
-    dependentColumnNames: [
-      .../* @__PURE__ */ new Set([
-        column.name,
-        ...column.dependentColumnNames ?? []
-      ])
-    ]
-  })), [schema]);
-  if (showedColumns.length === 0) {
-    throw new Error("The showed columns of VefTable component cannot be empty");
-  }
-  const defaultColumnConfigMap = useDefaultColumnConfigs.useDefaultColumnConfigs(showedColumns);
-  const { rowNumberColumn, operationColumn } = useHelperColumns.useHelperColumns({
-    showRowNumber,
-    operationButtons,
-    maxVisibleOperationButtons,
-    size
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    VefTableBaseForwarded,
-    {
-      ref,
-      columns: showedColumns,
-      defaultColumnConfigMap,
-      operationColumn,
-      rowNumberColumn,
-      ...restProps
-    }
-  );
-}
-const VefTable = react$1.memo(
-  react$1.forwardRef(VefTableWrapper),
-  shared.isDeepEqual
-);
-VefTable.displayName = "VefTable";
-
-exports.default = VefTable;
+`;function qe({columns:l,defaultColumnConfigMap:n,rowNumberColumn:b,operationColumn:f,bordered:i=!1,size:a="medium",rowKey:s=xe,height:e,virtual:h=!1,selectedKeys:p,defaultSelectedKeys:C,selectable:t=!1,multipleSelection:O,showSelectAllCheckbox:Te,disabledSelection:x,enableRowClick:R,enableRowClickForSelection:y,rowBackgroundColor:ke,batchActionButtons:H,selectionSummary:g,externalContext:q,onRowSelectionChange:I,onRowSelect:$,onRowDeselect:L,onRowClick:U,...W},_){const{paginated:u=!1,...G}=W,{paginationProps:B,paginationParams:J}=be.usePaginationProps(u,a),{data:c,isFetching:w,isLoading:T,total:k,refetch:v}=ce.useData(G,u,J),M=o.useMemo(()=>({...B,total:k}),[B,k]),[d,Q]=o.useState(()=>new Map(n)),X=o.useDeferredValue(d),N=ue.useComputedColumns(l,X),{rowSelectionConfig:Z,handleRowClickSelection:Y,selectedKeys:P,selectedRecords:A}=he.useRowSelectionConfig({selectedKeys:p,defaultSelectedKeys:C,selectable:t,multipleSelection:O,disabledSelection:x,enableRowClick:R,enableRowClickForSelection:y,onRowSelect:$,onRowDeselect:L,onRowSelectionChange:I,rowKey:s}),ee=fe.useRowProps({enableRowClick:R,enableRowClickForSelection:y,onRowClick:U,disabledSelection:x,handleRowClickSelection:Y}),D=o.useMemo(()=>({externalContext:q,isFetching:w,refetch:v,selectedKeys:P,selectedRecords:A.current,defaultColumnConfigMap:n,columnConfigMap:d,setColumnConfigMap:Q,columnConfigMapHasChanged:!r.isDeepEqual(n,d)}),[q,w,v,P,A,n,d]),F=pe.useTableColumns(N,b,f),K=ve.useTableWidth(F,t),oe=o.useMemo(()=>({x:K,y:e==="auto"?"auto":e,scrollToFirstRowOnChange:!0}),[e,K]),te=ge.useTableInstance(_,c??[],v),ne=we.useTableSummary(N),{computedBatchActionButtons:S,batchActionButtonContext:V}=se.useComputedBatchActionButtons(H??[],D),ae=o.useMemo(()=>{if(T||c?.length===0||!u&&g===!1&&S.length===0)return;const re=m.jsx(ie.default,{batchActionButtonContext:V,batchActionButtons:S,paginationProps:M,selectionSummary:g,size:a});return()=>re},[V,S,c?.length,T,M,u,g,a]);return m.jsx(Ce.TableContextProvider,{value:D,children:m.jsx(le.Table,{ref:te,bordered:i,columns:F,css:e==="auto"?Re:ye,dataSource:c,footer:ae,loading:w,pagination:!1,rowKey:s,rowSelection:Z,scroll:oe,size:Se.convertBasicSizeToUiSize(a),summary:ne,tableLayout:"fixed",virtual:r.isNumber(e)&&e>0&&h,onRow:ee})})}const z=o.forwardRef(qe);z.displayName="VefTableBase";function Be({schema:l,showRowNumber:n,operationButtons:b,maxVisibleOperationButtons:f,...i},a){const{size:s}=i,e=o.useMemo(()=>l.filter(t=>t.show??!0).map(t=>({...t,dependentColumnNames:[...new Set([t.name,...t.dependentColumnNames??[]])]})),[l]);if(e.length===0)throw new Error("The showed columns of VefTable component cannot be empty");const h=de.useDefaultColumnConfigs(e),{rowNumberColumn:p,operationColumn:C}=me.useHelperColumns({showRowNumber:n,operationButtons:b,maxVisibleOperationButtons:f,size:s});return m.jsx(z,{ref:a,columns:e,defaultColumnConfigMap:h,operationColumn:C,rowNumberColumn:p,...i})}const E=o.memo(o.forwardRef(Be),r.isDeepEqual);E.displayName="VefTable",exports.default=E;

package/cjs/vef-table/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-table/store.cjs

@@ -1,22 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-
-"use strict";
-const {
-  StoreProvider: TableStoreProvider,
-  useStore: useTableStore,
-  useStoreApi: useTableStoreApi
-} = shared.createComponentStore(
-  "Table",
-  (initialState) => (set) => ({
-    changeSize: (size) => set({ size }),
-    columnConfigMap: /* @__PURE__ */ new Map(),
-    ...initialState
-  })
-);
-
-exports.TableStoreProvider = TableStoreProvider;
-exports.useTableStore = useTableStore;
-exports.useTableStoreApi = useTableStoreApi;
+"use strict";var t=require("@vef-framework/shared");const{StoreProvider:a,useStore:i,useStoreApi:s}=t.createComponentStore("Table",e=>r=>({changeSize:o=>r({size:o}),columnConfigMap:new Map,...e}));exports.TableStoreProvider=a,exports.useTableStore=i,exports.useTableStoreApi=s;

package/cjs/vef-table/types.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-tabs/index.cjs

@@ -1,30 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-require('../internal/index.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-const animatedConfig = {
-  inkBar: true,
-  tabPane: true
-};
-function VefTabs({
-  size,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Tabs,
-    {
-      animated: animatedConfig,
-      size: utils.convertBasicSizeToUiSize(size),
-      ...props
-    }
-  );
-}
-
-exports.default = VefTabs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/react/jsx-runtime"),t=require("antd");require("../internal/index.cjs");var u=require("../internal/utils.cjs");const a={inkBar:!0,tabPane:!0};function s({size:e,...r}){return i.jsx(t.Tabs,{animated:a,size:u.convertBasicSizeToUiSize(e),...r})}exports.default=s;

package/cjs/vef-tabs/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-tag/index.cjs

@@ -1,33 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var antd = require('antd');
-var react = require('react');
-
-"use strict";
-function VefTag({
-  closable = false,
-  color,
-  inverse = false,
-  ...restProps
-}) {
-  const colorToUse = react.useMemo(() => {
-    if (!inverse) {
-      return color;
-    }
-    return `${color}-inverse`;
-  }, [color, inverse]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.Tag,
-    {
-      closeIcon: closable ? null : void 0,
-      color: colorToUse,
-      ...restProps
-    }
-  );
-}
-
-exports.default = VefTag;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("@emotion/react/jsx-runtime"),o=require("antd"),c=require("react");function i({closable:t=!1,color:e,inverse:r=!1,...u}){const s=c.useMemo(()=>r?`${e}-inverse`:e,[e,r]);return n.jsx(o.Tag,{closeIcon:t?null:void 0,color:s,...u})}exports.default=i;

package/cjs/vef-tag/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";

package/cjs/vef-temporal-picker/helper.cjs

@@ -1,60 +1,2 @@
 "use strict";
-'use strict';
-
-"use strict";
-const yearFormats = ["YYYY"];
-const quarterFormats = ["YYYY-Q季度"];
-const monthFormats = [
-  "YYYY-MM",
-  "YYYY/MM",
-  "YYYY.MM",
-  "YYYYMM"
-];
-const weekFormats = ["YYYY-wo"];
-const dateFormats = [
-  "YYYY-MM-DD",
-  "YYYY/MM/DD",
-  "YYYY.MM.DD",
-  "YYYYMMDD",
-  "YY/MM/DD",
-  "YY.MM.DD",
-  "YYMMDD"
-];
-const timeFormats = ["HH:mm:ss", "HH.mm.ss", "HHmmss"];
-const hourFormats = ["HH"];
-const minuteFormats = ["HH:mm", "HH.mm", "HHmm"];
-const datetimeFormats = [
-  "YYYY-MM-DD HH:mm:ss",
-  "YYYY/MM/DD HH:mm:ss",
-  "YYYY.MM.DD HH.mm.ss",
-  "YYYYMMDDHHmmss",
-  "YY/MM/DD HH:mm:ss",
-  "YY.MM.DD HH:mm:ss",
-  "YY.MM.DD HH.mm.ss",
-  "YYMMDDHHmmss"
-];
-function getTemporalFormats(mode) {
-  if (mode === "year") {
-    return yearFormats;
-  } else if (mode === "quarter") {
-    return quarterFormats;
-  } else if (mode === "month") {
-    return monthFormats;
-  } else if (mode === "week") {
-    return weekFormats;
-  } else if (mode === "datetime") {
-    return datetimeFormats;
-  } else if (mode === "date") {
-    return dateFormats;
-  } else if (mode === "time") {
-    return timeFormats;
-  } else if (mode === "hour") {
-    return hourFormats;
-  } else if (mode === "minute") {
-    return minuteFormats;
-  } else {
-    return [];
-  }
-}
-
-exports.getTemporalFormats = getTemporalFormats;
+"use strict";const M=["YYYY"],m=["YYYY-Q季度"],D=["YYYY-MM","YYYY/MM","YYYY.MM","YYYYMM"],H=["YYYY-wo"],s=["YYYY-MM-DD","YYYY/MM/DD","YYYY.MM.DD","YYYYMMDD","YY/MM/DD","YY.MM.DD","YYMMDD"],t=["HH:mm:ss","HH.mm.ss","HHmmss"],e=["HH"],r=["HH:mm","HH.mm","HHmm"],o=["YYYY-MM-DD HH:mm:ss","YYYY/MM/DD HH:mm:ss","YYYY.MM.DD HH.mm.ss","YYYYMMDDHHmmss","YY/MM/DD HH:mm:ss","YY.MM.DD HH:mm:ss","YY.MM.DD HH.mm.ss","YYMMDDHHmmss"];function a(Y){return Y==="year"?M:Y==="quarter"?m:Y==="month"?D:Y==="week"?H:Y==="datetime"?o:Y==="date"?s:Y==="time"?t:Y==="hour"?e:Y==="minute"?r:[]}exports.getTemporalFormats=a;

package/cjs/vef-temporal-picker/hooks/use-dayjs-value.cjs

@@ -1,21 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var dayjs = require('dayjs');
-var react = require('react');
-
-"use strict";
-function useDayjsValue(value, formats) {
-  return react.useMemo(() => {
-    if (shared.isNullish(value)) {
-      return value;
-    }
-    if (shared.isArray(value)) {
-      return value.map((it) => dayjs(it, formats));
-    }
-    return dayjs(value, formats);
-  }, [value, formats]);
-}
-
-exports.useDayjsValue = useDayjsValue;
+"use strict";var u=require("@vef-framework/shared"),r=require("dayjs"),i=require("react");function t(e,s){return i.useMemo(()=>u.isNullish(e)?e:u.isArray(e)?e.map(a=>r(a,s)):r(e,s),[e,s])}exports.useDayjsValue=t;

package/cjs/vef-temporal-picker/hooks/use-temporal-limit.cjs

@@ -1,37 +1,2 @@
 "use strict";
-'use strict';
-
-var shared = require('@vef-framework/shared');
-var dayjs = require('dayjs');
-var react = require('react');
-
-"use strict";
-function useTemporalLimit({
-  maxDate,
-  minDate,
-  disabledDate,
-  disabledTime
-}) {
-  const [minDateValue, maxDateValue] = react.useMemo(() => [
-    minDate ? dayjs(minDate) : void 0,
-    maxDate ? dayjs(maxDate) : void 0
-  ], [minDate, maxDate]);
-  const disabledTimeValue = react.useMemo(() => {
-    if (shared.isFunction(disabledTime)) {
-      return (now) => disabledTime(now.toDate());
-    }
-  }, [disabledTime]);
-  const disabledDateValue = react.useMemo(() => {
-    if (shared.isFunction(disabledDate)) {
-      return (now, { from }) => disabledDate(now.toDate(), from?.toDate());
-    }
-  }, [disabledDate]);
-  return {
-    minDateValue,
-    maxDateValue,
-    disabledTimeValue,
-    disabledDateValue
-  };
-}
-
-exports.useTemporalLimit = useTemporalLimit;
+"use strict";var s=require("@vef-framework/shared"),m=require("dayjs"),r=require("react");function c({maxDate:e,minDate:a,disabledDate:i,disabledTime:t}){const[n,o]=r.useMemo(()=>[a?m(a):void 0,e?m(e):void 0],[a,e]),d=r.useMemo(()=>{if(s.isFunction(t))return u=>t(u.toDate())},[t]),l=r.useMemo(()=>{if(s.isFunction(i))return(u,{from:D})=>i(u.toDate(),D?.toDate())},[i]);return{minDateValue:n,maxDateValue:o,disabledTimeValue:d,disabledDateValue:l}}exports.useTemporalLimit=c;

package/cjs/vef-temporal-picker/hooks/use-temporal-picker-instance.cjs

@@ -1,22 +1,2 @@
 "use strict";
-'use strict';
-
-var react = require('react');
-
-"use strict";
-function useTemporalPickerInstance(ref) {
-  const temporalPickerRef = react.useRef(null);
-  react.useImperativeHandle(ref, () => ({
-    blur: () => {
-      temporalPickerRef.current?.blur();
-    },
-    focus: () => {
-      temporalPickerRef.current?.focus({
-        preventScroll: true
-      });
-    }
-  }));
-  return temporalPickerRef;
-}
-
-exports.useTemporalPickerInstance = useTemporalPickerInstance;
+"use strict";var r=require("react");function c(u){const e=r.useRef(null);return r.useImperativeHandle(u,()=>({blur:()=>{e.current?.blur()},focus:()=>{e.current?.focus({preventScroll:!0})}})),e}exports.useTemporalPickerInstance=c;

package/cjs/vef-temporal-picker/index.cjs

@@ -1,130 +1,2 @@
 "use strict";
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('@emotion/react/jsx-runtime');
-var shared = require('@vef-framework/shared');
-var antd = require('antd');
-var react = require('react');
-require('../internal/index.cjs');
-var helper = require('./helper.cjs');
-var useDayjsValue = require('./hooks/use-dayjs-value.cjs');
-var useTemporalLimit = require('./hooks/use-temporal-limit.cjs');
-var useTemporalPickerInstance = require('./hooks/use-temporal-picker-instance.cjs');
-var utils = require('../internal/utils.cjs');
-
-"use strict";
-function VefTemporalPickerBase({
-  defaultValue,
-  value,
-  clearable,
-  size,
-  mode = "date",
-  multiple = false,
-  minDate,
-  maxDate,
-  disabledTime,
-  disabledDate,
-  hourStep,
-  minuteStep,
-  secondStep,
-  onChange,
-  ...restProps
-}, ref) {
-  const formats = helper.getTemporalFormats(mode);
-  const valueToUse = useDayjsValue.useDayjsValue(value, formats);
-  const defaultValueToUse = useDayjsValue.useDayjsValue(defaultValue, formats);
-  const {
-    minDateValue,
-    maxDateValue,
-    disabledTimeValue,
-    disabledDateValue
-  } = useTemporalLimit.useTemporalLimit({
-    maxDate,
-    minDate,
-    disabledTime,
-    disabledDate
-  });
-  const temporalPickerRef = useTemporalPickerInstance.useTemporalPickerInstance(ref);
-  const handleChange = react.useMemo(() => {
-    if (shared.isFunction(onChange)) {
-      return (value2, valueFormat) => {
-        if (!value2) {
-          onChange(null, null);
-          return;
-        }
-        const dates = shared.isArray(value2) ? value2.map((it) => it.toDate()) : value2.toDate();
-        onChange(valueFormat, dates);
-      };
-    }
-  }, [onChange]);
-  if (mode === "time" || mode === "hour" || mode === "minute") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      antd.TimePicker,
-      {
-        ref: temporalPickerRef,
-        allowClear: clearable,
-        defaultValue: defaultValueToUse,
-        disabledTime: disabledTimeValue,
-        format: formats,
-        hourStep,
-        minuteStep,
-        multiple,
-        secondStep,
-        showNow: mode !== "hour",
-        size: utils.convertBasicSizeToUiSize(size),
-        value: valueToUse,
-        onChange: handleChange,
-        ...restProps
-      }
-    );
-  }
-  if (mode === "datetime") {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      antd.DatePicker,
-      {
-        ref: temporalPickerRef,
-        allowClear: clearable,
-        defaultValue: defaultValueToUse,
-        disabledDate: disabledDateValue,
-        disabledTime: disabledTimeValue,
-        format: formats,
-        hourStep,
-        maxDate: maxDateValue,
-        minDate: minDateValue,
-        minuteStep,
-        multiple,
-        picker: "date",
-        size: utils.convertBasicSizeToUiSize(size),
-        value: valueToUse,
-        onChange: handleChange,
-        ...restProps
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    antd.DatePicker,
-    {
-      ref: temporalPickerRef,
-      allowClear: clearable,
-      defaultValue: defaultValueToUse,
-      disabledDate: disabledDateValue,
-      format: formats,
-      maxDate: maxDateValue,
-      minDate: minDateValue,
-      multiple,
-      picker: mode,
-      size: utils.convertBasicSizeToUiSize(size),
-      value: valueToUse,
-      onChange: handleChange,
-      ...restProps
-    }
-  );
-}
-const VefTemporalPicker = react.memo(
-  react.forwardRef(VefTemporalPickerBase)
-);
-VefTemporalPicker.displayName = "VefTemporalPicker";
-
-exports.default = VefTemporalPicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react/jsx-runtime"),q=require("@vef-framework/shared"),p=require("antd"),D=require("react");require("../internal/index.cjs");var I=require("./helper.cjs"),z=require("./hooks/use-dayjs-value.cjs"),L=require("./hooks/use-temporal-limit.cjs"),M=require("./hooks/use-temporal-picker-instance.cjs"),f=require("../internal/utils.cjs");function N({defaultValue:j,value:k,clearable:t,size:u,mode:e="date",multiple:l=!1,minDate:P,maxDate:y,disabledTime:C,disabledDate:w,hourStep:v,minuteStep:T,secondStep:g,onChange:i,...s},B){const a=I.getTemporalFormats(e),m=z.useDayjsValue(k,a),n=z.useDayjsValue(j,a),{minDateValue:S,maxDateValue:b,disabledTimeValue:V,disabledDateValue:h}=L.useTemporalLimit({maxDate:y,minDate:P,disabledTime:C,disabledDate:w}),o=M.useTemporalPickerInstance(B),d=D.useMemo(()=>{if(q.isFunction(i))return(r,U)=>{if(!r){i(null,null);return}const A=q.isArray(r)?r.map(F=>F.toDate()):r.toDate();i(U,A)}},[i]);return e==="time"||e==="hour"||e==="minute"?c.jsx(p.TimePicker,{ref:o,allowClear:t,defaultValue:n,disabledTime:V,format:a,hourStep:v,minuteStep:T,multiple:l,secondStep:g,showNow:e!=="hour",size:f.convertBasicSizeToUiSize(u),value:m,onChange:d,...s}):e==="datetime"?c.jsx(p.DatePicker,{ref:o,allowClear:t,defaultValue:n,disabledDate:h,disabledTime:V,format:a,hourStep:v,maxDate:b,minDate:S,minuteStep:T,multiple:l,picker:"date",size:f.convertBasicSizeToUiSize(u),value:m,onChange:d,...s}):c.jsx(p.DatePicker,{ref:o,allowClear:t,defaultValue:n,disabledDate:h,format:a,maxDate:b,minDate:S,multiple:l,picker:e,size:f.convertBasicSizeToUiSize(u),value:m,onChange:d,...s})}const x=D.memo(D.forwardRef(N));x.displayName="VefTemporalPicker",exports.default=x;

package/cjs/vef-temporal-picker/props.cjs

@@ -1,4 +1,2 @@
 "use strict";
-'use strict';
-
 "use strict";